Anders Thorsen Holm wrote in dk.edb.internet.webdesign.html:
> Jens Dahlgaard <jens@dahlgaard-dahlgaard.dk> wrote:
>
> > Jeg har lige opdaget, at den hjemmesiden jeg sidder og leger
> > med vises forskelligt i Internet Explorer 5 og 6. I 6´eren vises
> > den fint, men det virker som 5´eren laver "om" på CSS´en og det
> > ser helt forkert ud.
>
> Problemet er, at du har defineret både 'width: 100%', padding og
> border for bl.a. #title, samtidig med at der er margin og padding på
> body.
>
> Et blockelements totale bredde er givet ved
>
> total bredde = width + paddings + borders + margins
>
> og i det konkrete tilfælde kan jeg snildt forestille mig at IE5 vil
> kløjes i den slags. Det er altså IE 6 (og Firefox), der her viser
> siden korrekt.
>
> Start med at nøjes med følgende i body:
>
> body {
> margin: 0;
> padding: 20px;
> font-family: verdana, arial, sans-serif;
> font-size: 10px;
> }
>
> og modificer så #title:
>
> #title {
> height: 75px;
> background: #f00;
> padding: 5px;
> border: 1px solid #000;
> }
>
> Der er ingen grund til at angive nogen bredde, da et statisk
> positioneret element pr. standard får tildelt maksimal total bredde
> (svarende til, hvad der nu er til rådighed inden for det omgivende
> element - her <body>).
Tak. Det rettede en del. Dog vil IE5 og Netscape 7 stadig ikke vise
right- og leftmenu med højden 100%. Hvorfor?
--
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