centeret DIV virker ikke firefox

Et div-tag er ikke tekst og vil derfor ikke påvirkes af text-align (det ligger lidt i ordet ). For at centrere en div kan du gøre det her:

div
{
margin: 0 auto;
}

<br style="clear: both;"/>

Sæt den i bunden af DIVen.

Den rykkes ned under enhver float.

Foran din DOCTYPE har du en XML-deklaration, og det burde være en god ting. Desværre får det IE6 til at gå i quirksmode, hvor den opfører sig ganske anderledes end når den er i standards compliance mode. Man kan sige, at den går ud fra siden er slamkodet. :-)

Heldigvis er den deklaration dog som oftest 'optional', hvilket også tilfældet her, så du kan bare fjerne den. Så vil IE6 opføre sig noget mere som Firefox og IE7 m.fl.

Et godt råd er forresten at kode siden til Firefox og/eller Opera, og først derefter lave evt. ændringer eller tilføjelser, for også at få siden til at fungere fint i IE.

Hvis du gerne vil have de to div.vertical'er til at opføre sig som kolonner, bør du positionere eller floate dem. Google kan finde en masse guider om det til dig (du bør forresten også se på descendant selectors, kan jeg på din menu).

Endelig springer det mig i øjnene, at du skriver '<p class="headline">'. Hvad med at bruge et heading-element (h1-h6)? :-)

Jespers løsning er ikke anbefalelsesværdig, da de br-elementer jo kun vil have et designmæssigt formål; reelt er det misbrug. I stedet bør du enten floate billedets parent-div, eller angive overflow:auto; (egentlig skal overflow bare beregnes til at være noget andet end det defaulte 'visible') på den. I sidstnævnte tilfælde bør man dog normalt også tilføje _height:1%; ("the underscore hack"), eller en hel ny selektor: * html div#parent-div-id { height:1%; } ("the Tan hack", eller bare "star html hack"), så det også virker i ældre versioner af IE.

En artikel omkring problemet (dog fra før man fandt overflow:auto; løsningen): http://www.complexspiral.com/publications/containing-floats/

tak det hjalp.. men har fortsat nogle problemer:

inde i selve main DIV, der er 780px bred, er der plaseret 2 vertikale DIV, ved siden af hinanden for at dele siden op i 2 kolonner, disse er sat til
display: inline;
inden i hver af disse er der så andre DIV med diverse indehold..

problemet er at de to vertkale DIV blir vist under hinanden (altså i forlængelse af hinanden)
alt dette virkede fint i IE6, men firefox og IE7 læser det åbenbart anderledes ??

siden det gælder: http://nomadenclub.com/