lay-out onder Mozilla

[joanne]

#content
{

margin-left: 265px;
padding: 0px;
margin-right:375px;
border:solid #66CDAA;
border-width:1px 1px 1px 5px;


a:link { color: #CC3333 }
a:visited { color: #330099 }
a:hover { color: green }
a:active { color: peachpuff }


}

#menu {
position: absolute;
left: 70px;
padding: 0px;
width: 190px;
border:solid #32CD32;
border-width:1px 0 1px 1px;
background-color: #F0E68C;
}

Kijk: een 2 column css lay-out, binnen IE6.0 is lay-out goed, maar binnen
Mozilla staat de tekst van div content gewoon onder het menu column en dus niet naast het menu. Ziet er natuurlijk een beetje mal uit.

Lijkt me dat ik een instructie moet toevoegen, maar weet niet welke.

Iemand?
J

 

[miem]

IE hanteert de standaard nogal slordig en Mozzilla correct. Vooral het box mdel wordt dat IE fout weergegeven.
Hier een site voor wat meer info:

http://www.handleidinghtml.nl/css/css-elementen/css-elementen03.html

Google ook eens op box model en je wordt een hoop wijzer

 

[joanne]

Bedankt Miem!
Zal het doorlezen.

J


De CSS sheet stamt uit een 'fase' dat ik pas met CSS begon te stoeien.
Ik denk dat ik de sheet ga aanpassen ook met hulp van deze site http://www.maxdesign.com.au/presentation/page_layouts/index.cfm

Latere sheets heb ik vooral met deze site gemaakt en zien er in Moz picobello uit.
Uitleg is ook duidelijk en helder.