Avatar billede Slettet bruger
08. december 2004 - 00:19 Der er 13 kommentarer og
1 løsning

Forskel på layout i IE og FireFox

Hej med Jer...

Nu har jeg brug for en CSS haj.
Mit site er bygget op med CSS, endda meget simpelt, da jeg ikke er den store kode haj.

I IE ser den helt fin ud, men i FireFox er menuen i toppen forskudt fra selve topbanneret.

Jeg har selvfølgelig sidet og rodet lidt med det CSS som menu og banner er lavet med, men det lykkedes ikke rigtig at få det til at se pænt ud.
Så håber på et par kloge ord, som vil resultere i en side som er pæn i både IE og FireFox, eller endnu bedre - i alle browsere.

#topbanner {
    margin: 0px 0px 0px 0px;
    border: 0px;
    background: #ffffff;
    height: 60px;
    padding: 0px 10px 0px 10px;
    }


#topmenu ul
    {
    padding-left: 0;
    margin-left: 0;
    background-color: #fff;
    float: right;
    width: 100%;
    font-family: arial, helvetica, sans-serif;
    letter-spacing: 2px;
    }


#topmenu ul li
    {
    display: inline;
    }

#topmenu ul li a
    {
    color: #888;
    padding: 0.2em 1em;
    background-color: #fff;
    text-decoration: none;
    float: right;
    border-left: 1px solid #dfdfdf;
    }


#topmenu ul li a:hover
    {
    background-color: #600;
    color: #fff;
    }

Er ikke engang sikker på at det er her der skal rettes, men ellers er jeg sikker på der sider nogen som kan rette mig

På forhånd tak.

//PhatLasse
Avatar billede Slettet bruger
08. december 2004 - 00:21 #1
Go morgen Lasse.... her er et link: http://www.digitalempire.dk/
Avatar billede syvon Nybegynder
08. december 2004 - 00:40 #2
i følge w3.org har du en fejl i din css på linie 58

Line: 58
Invalid number : color600 is not a color value : 600
Avatar billede olebole Juniormester
08. december 2004 - 00:59 #3
<ole>

Det sædvanlige vrøvl med lister i Moz og IE  :o|

Giv din <ul> 'margin:0px' og 'topmenu' 'padding-bottom:25px'. Den ene browser lægger luft med margin - den anden padding - i lister ... det er til at få lange, buldne løg af. Man ka' zq da osse blive så trææææææææt ...!  ;o)

/mvh
</bole>
Avatar billede olebole Juniormester
08. december 2004 - 01:00 #4
Nja ... måske 'padding-bottom:20px' ... det må du fiddle lidt med  :)
Avatar billede thesurfer Nybegynder
08. december 2004 - 01:14 #5
salt i såret: det ser også forkert ud i Opera :-)
Avatar billede olebole Juniormester
08. december 2004 - 02:09 #6
Så er det en lækkerlig fornemmelse at have leveret bandagen, der dækker Opera også  ;o)
Avatar billede Slettet bruger
08. december 2004 - 16:27 #7
Ole >>
Kanon...
Nu er det da pænere at se på.
Hvis du ser på forsiden http://www.digitalempire.dk/ , så er den store boks i midten længere fra toppen i den ene browser end i den anden.

Her er CSS:
#contentforside {
    margin-left: 120px;
    margin-right: 120px;
    margin-top: 40px;
    padding: 0px 10px 0px 10px;
    border: 1px solid #888;
    background-color: #ffffff;


Findes der en måde at fixe det på ???
Avatar billede olebole Juniormester
08. december 2004 - 21:36 #8
Hmmm ... det kan jeg godt se. Det så nu ikke sådan ud, da jeg testede en rettet kopi af din side igår/inat. Jeg prøver at kikke på det senere i aften, hvis jeg får tid  ;o)
Avatar billede thesurfer Nybegynder
09. december 2004 - 12:34 #9
olebole> You 'da man :-)
Avatar billede Slettet bruger
10. december 2004 - 12:26 #10
syvon >> Jeg får ingen fejl:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.digitalempire.dk%2Fstyle.css

olebole >> Du mangler at lægge et svar :-)
Avatar billede Slettet bruger
16. december 2004 - 09:37 #11
ole >> Lukketid ??? - smid et svar :-)
Avatar billede Slettet bruger
22. december 2004 - 11:48 #12
oooooolllleee ????? :-)
Avatar billede olebole Juniormester
22. december 2004 - 14:54 #13
Damned ... der er mange mails, jeg ikke får  :o|
God Jul  *<();o)
Avatar billede Slettet bruger
23. december 2004 - 12:07 #14
I lige måde.. :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester