Css layout, help med en browser bug

Tjaa, det er jo svært at sige, om den ser godt eller skidt ud, når man ikke ved hvrdan den 'skal' se ud.

http://home1.stofanet.dk/breindal/E388405.jpg

De mest iøjnefaldende 'fejl' er:

- Skyggen på teksten og i menuen vender hver sin vej

- Blokkene i menuen er ikke lige så lange som hovedfeltet / blokkene i menuen passer ikke til hovedfeltet

- Billedet fremviser et organisk design, men resten er (frygtelig) 'firkantet'

- Teksten er med ('gammeldags') Seriffer, men farvernes sammensætning er nutidig

- Ved brug af menuen kan man ikke se hvilke links der besøgt

BTW:

- PC
- IE 6.0.2800.1106
- w2k pro
- 1.152 X 864

Nevermind skyggerne og billedet, skulle bare have noget at sætte ind.

Skal se sådan her ud:

http://haunted.dk/brian/sitepic.jpg

Bemærk hvordan tab's har kontakt med hovedområdet :/

Mht. serif fonts, så er det mere fordi jeg er død træt at de samme sans fonts igen og igen :/ Desuden synes jeg faktisk de passer okay-ish.

Problemet med hullet mellem menuen og hovedområdet er mit egentlige problem her.
Den virker fint i Camino, Safari og Mozilla, men altså hverken i IE/mac eller IE/Win

Halp :o

I din test.css skal du ændre dette:

BODY {
    background-color: #ddd;
    padding: 20px 50px;
    margin: 0px;
}

Til dette:

BODY {
    background-color: #ddd;
    padding: 0px 30px;
    margin: 20px;
}

Øhhh.

For det første kan jeg ikke rigtig se meningen med pågældende forslag, men gav det alligevel et forsøg.

Hvor den før gik galt i kun IE browsere, fucker den nu i samtlige så vidt jeg kan se.

En lille tur i W3C's validator afslører i hvert fald en fejl:
http://validator.w3.org/check?uri=http%3A%2F%2Fhaunted.dk%2Fbrian%2Ftest.html

På linje 9 lukker du div'en, lige da du åbner den:
<div id="menu"></div>

Prøv at sætte højden på div'en:
<div id="menu" style="height:25px">
<ul>
<li><a href="#" class="buttonactive">Blog</a></li>
<li><a href="#" class="button">Info</a></li>
<li><a href="#" class="button">Gallery</a></li>

<li><a href="#" class="button">Links</a></li>
</ul>
</div>

Phoenixv: Tak, utroligt jeg stadig glemmer at validate -.- Det er hvad man får ud af at bruge programmer der automatisk lukker dine tags :/

Skovenborg: Fandme om det ikke virkede! Den skulle så sættes til height 35px pga padding indlagt til skyggen, men nu virker den!

Fyr et svar op så du kan få lidt point ;)

yepper ;-)

og takker for point :-))

brianandersen -> Ja, mit forslag ser underligt ud, ingen tvivl om det. Jeg kan heller ikke selv se hvad forskellen skulle være, men det kom til at virke her med den foreslåede ændring. Mærkeligt, hehe :)