"Jonas Juhl" <jullebabs@hotmail.com> skrev i en meddelelse
news:454d2492$0$49196$14726298@news.sunsite.dk...
> Jeg har for første gang bikset med at lave min personlige
> hjemmeside. Da jeg fik layoutet, til min hjemmeside i IE, som jeg
> ville have det, opdagede jeg bagefter at det var knapt så pænt,
> hvis jeg åbnede min hjemmeside i Firefox.
Sådan går det desværre ofte når man designer sider efter IE's visning.
Derfor vil jeg anbefale at man under udviklingsfasen benytter eksempelvis
firefox til at teste i, da den er noget mere standardoverholdende end IE. Og
så er der større chance for siden også kan vises korrekt i IE bagefter.
> Nogen der kan hjælpe til at få det pænere i Firefox?
Kan da prøve.
Først og fremmest skal du i hvert fald have fikset den måde du centrerer
siden på, for det går galt i alle browsere. Har du set hvad der sker når
vinduet bliver smallere end siden?
Centrer din side på denne måde i stedet for. Se
http://html-faq.dk/2007.asp
Og så det du kalder din #topheader ser lidt sjov ud i Firefox, hvilket
skyldes at du har et billede på 80px i højden med en border på 1px hele
vejen rundt. Hvilket giver en samlet højde på 82px. Så enten skal du fjerne
borderen eller rette højden fra 80px til 82px på #topheader. Og så skulle
dine knapper gerne stå lidt pænere i Firefox.
Derefter kan du ligeså godt fjerne a.navtext {... }i dit stylesheet, og
ændre .navitem { til .navttem a, navitemfyld {.
I det afsnit du kalder "Site navigations buttons" kan du med fordel ændre
html'en til følgende:
<div class="navitem">
<a href="#">Forside</a>
<a href="#">Om mig</a>
<a href="#"">Fys&Mat</a>
<a href="#">Kajak</a>
<a href="#">Skak</a>
<a href="#">Kon.-hold</a>
<a href="#">Div</a>
<a href="#">Links</a>
<div class="navitemfyld"> </div>
<div class="navitemfyld"> </div>
</div>
Prøv at rette ovenstående, og se hvad der sker, og vend så tilbage. Så tager
vi den derfra. Bemærk jeg har ikke testet det hele, og kun i firefox
God fornøjelse
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren -
http://csnet.dk/html/
Nørholm Forsamlingshus -
http://forshus.dk