---

Hej

Vi er to, der har lidt problemer med at få designet til at opføre
sig ordentligt i Mozilla ift. IE.

Den kasse med links i venstre side (leftmenu) stikker ud over den
nederste kant på sitet, når det vises i Mozilla. Se eksempel her:

http://www.itu.dk/people/lei/w1/lps/kontaktos/aarhusomegn/index.h
tml

Leftmenu er en div-class vist som et block-element. Vi har
forsøgt os med at lave det om til en inline-element: det hjælper
ikke. Og nu ved vi ikke rigtig, hvad vi skal gøre. Er der nogen,
der kan hjælpe?

CSS for leftmenu ser sådan ud:

#leftmenu {
display: block;
color: #000000;
font-family: Arial, Helvetica, sans-serif, "Franklin Gothic
Medium";
font-size: 11px;
line-height: 16px;
margin: 10px 15px 15px 15px;
background-color: #FFFFFF;
text-align: left;
padding: 10px;
float: left;
border-right: 1px solid #353B37;
border-bottom: 1px solid #353B37;
width: 100px;
}

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

---

Anders Lund wrote:
> Hej
>
> Vi er to, der har lidt problemer med at få designet til at opføre
> sig ordentligt i Mozilla ift. IE.
>
> Den kasse med links i venstre side (leftmenu) stikker ud over den
> nederste kant på sitet, når det vises i Mozilla. Se eksempel her:
>
> http://www.itu.dk/people/lei/w1/lps/kontaktos/aarhusomegn/index.h
> tml
>
> Leftmenu er en div-class vist som et block-element. Vi har
> forsøgt os med at lave det om til en inline-element: det hjælper
> ikke. Og nu ved vi ikke rigtig, hvad vi skal gøre. Er der nogen,
> der kan hjælpe?

Prøv at flytte linjen <div id="midtindhold"> - og kun den - op over linjen
<div id="leftmenu">. Derved kommer leftmenu ind i den div, der indeholder
sideindholdet, men leftmenu vil stadig være floated left.

Du opnår derved, at midtindhold ikke kan blive kortere end leftmenu + dennes
margin-bottom.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin