Hjelp - IE ul list

[crytrus]

Hei, jeg designer en webside for en cafe. Websiden fungerer bra i alle nettlesere unntatt IE. Jeg har en meny linje som er en unordened list, i IE får jeg ikke denne til å være inline, den går bare på skrå nedover mot høyre.

Jeg har prøvd og prøvd, jeg begynner å bli veldig frustrert, så håper inderlig noen kan hjelpe meg. Har søkt på google men har ikke funnet noe som funker for meg enda.

Her er koden: [CSS] HER ER HTML: <div id="nav_bg"> <!-- start navigation --> <ul - Pastebin.com

mvh

Crytrus

 

[adeneo]

Er du helt sikker på at du bør lage ting for kunder ?

Du har en liste som ser slik ut:

<ul class="navigation">

Så har du CSS som ser slikt ut:

ul#navigation {display: block; list-style: none;  }

Det burde være innlysende at når man bruker en klasse så gjør man:

ul.navigation {display: block; list-style: none;  }

 

[crytrus]

Er du helt sikker på at du bør lage ting for kunder ?

Du har en liste som ser slik ut:

<ul class="navigation">

Så har du CSS som ser slikt ut:

ul#navigation {display: block; list-style: none;  }

Det burde være innlysende at når man bruker en klasse så gjør man:

ul.navigation {display: block; list-style: none;  }

Hehe, ja det mener jeg.

Grunnen til det er at jeg spurte noen på irc som mente, jeg måtte gjøre det om til class. Det funket ikke, men har nok opplastet test CSS og ikke den som er på siden. Der er det riktig.

Noe annet som kan være årsaken?

 

[adeneo]

Du kan helt fint bruke en ID så lenge du ikke bruke samme ID på noe annet, det er ingen grunn til at ID ikke skal virke på et UL element.

Si du bruker ID, så har du en liste:

<ul id="navigation">
        <li><a class="velkommen" href="index.php">velkommen</a></li>
        <li><a class="bilder" href="bilder.php">bilder</a></li>
</ul>

så har du noe CSS:

ul#navigation {display: block; list-style: none;  }
ul#navigation li a { float: left; }

Problemet her er selvfølgelig at <a> elementet ligger inne i LI elementet, slik at det er ikke <a> elementet du vil ha inline, det er liste elementet, og da blir det i stedet:

#navigation li { float: left; }

og vips så virker det

 

[crytrus]

Du kan helt fint bruke en ID så lenge du ikke bruke samme ID på noe annet, det er ingen grunn til at ID ikke skal virke på et UL element.

Si du bruker ID, så har du en liste:

<ul id="navigation">
        <li><a class="velkommen" href="index.php">velkommen</a></li>
        <li><a class="bilder" href="bilder.php">bilder</a></li>
</ul>

så har du noe CSS:

ul#navigation {display: block; list-style: none;  }
ul#navigation li a { float: left; }

Problemet her er selvfølgelig at <a> elementet ligger inne i LI elementet, slik at det er ikke <a> elementet du vil ha inline, det er liste elementet, og da blir det i stedet:

#navigation li { float: left; }

og vips så virker det

Tusen hjertelig tatt! Dette var en god start på nytt forum!!