---

Hej

hvorfor hopper min menu ud af sin kasse i Firefox?

http://neder.dk/mbn/

Både html og css validere

Lars

---

Nederbasse skrev:
> Hej
>
> hvorfor hopper min menu ud af sin kasse i Firefox?
>
> http://neder.dk/mbn/
>
> Både html og css validere
>

Godt nok. Men korrekt syntaks er ikke
ensbetydende med at det er logisk korrekt.

Din menu ryger ned under boksen pga
ul-elementernes iboende margin/padding.

ul {margin:0;padding:0}
vil nok sætte dig på sporet.

Det ville du også straks selv kunne se
hvis du anlagde Chris Pedericks Web Developer
Toolbar - ingen websidekonstruktør burde være
foruden:
https://addons.mozilla.org/da/firefox/addon/60

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Nederbasse wrote in dk.edb.internet.webdesign.html:

> hvorfor hopper min menu ud af sin kasse i Firefox?
> http://neder.dk/mbn/

> Lars

Hej, Lars

Du mangler nederste linje i stil.css:

ul#menu {
   margin-left: 0;
   padding-left: 0;
   margin-top: 0;
}

Tilføj margin-top: 0;
... og det virker - også i Firefox

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Leif Nørholm Jensen wrote in dk.edb.internet.webdesign.html:

> Hej, Lars

> Tilføj margin-top: 0;
> ... og det virker - også i Firefox

Hm... - men så er der andre problemer i IE - kan jeg se

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Nederbasse wrote:
> hvorfor hopper min menu ud af sin kasse i Firefox?

Underforstået, at den ser fin ud i IE, går jeg ud fra.


Hvis man i Firefox besøger adressen:

resource://gre/res/html.css

står der et sted i filen følgende sæt deklarationer:

ul, menu, dir {
display: block;
list-style-type: disc;
margin: 1em 0;
-moz-padding-start: 40px;
}

Her ligger forklaringen. Din ul har en top og bottom margin på 1em. Det
er top margin, der er problemet. Det kan løses med:

ul#menu {
   margin-top:0;
}

som Leif har fortalt om i et andet indlæg i denne tråd. Det giver, iflg
Leif, vrøvl i IE. Et alternativ kunne derfor være følgende:

ul#menu {
   display:inline;
   line-height:25px;
}

Disse to deklarationer vil give et rimelig resultat i Firefox, Opera og
Konqueror, idet din ul er omsluttet af en div med height 25px.

---

"John S. Thomsen" <john.s.thomsen@gmail.com> skrev i en meddelelse
news:47697a52$0$2093$edfadb0f@dtext02.news.tele.dk...
> Nederbasse wrote:
>> hvorfor hopper min menu ud af sin kasse i Firefox?
>
> Underforstået, at den ser fin ud i IE, går jeg ud fra.
> }
>
> Disse to deklarationer vil give et rimelig resultat i Firefox, Opera
> og Konqueror, idet din ul er omsluttet af en div med height 25px.

Du er da godt nok en klog mand. Må man spørge dig en anden gang?
Mvh Knud