Firefox toont divs niet goed
http://www.ralphje.nl/home/2-gebroeders/mirusweb/
In internet explorer is de layout zoals ik die graag zie. NAtuurlijk wordt et nog anders maar het gaat eerst over de postities van de Divjes. In firefox staat echter alles over elkaar heen.
Mijn css:
<code>
body {
margin: 0px;
background-color: #eee;
}
div {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
font: 12pt "Trebuchet MS", Verdana, Arial;
color: #333;
}
div#container {
margin: 0px auto 20px auto;
border-right: #AAA 5px solid;
border-left: #AAA 5px solid;
width: 750px;
border-bottom: 0px;
background-color: #FFFFEE;
}
div#footer {
width: 500px;
border: 0px;
padding-left: 20px;
padding-right: 5px;
padding-top: 5px;
border-bottom: 5px;
border-bottom: 0px;
background-color: #BBDDDD;
}
div#menu {
float: left;
width: 10px;
border: 1px #000 solid;
padding: 5px 10px 5px 5px;
position:relative;
font-family: Arial;
font-size: 24pt;
font-color: #BBDDDD;
background-color: #FFFFEE;
}
div#info {
float: left;
position:relative;
padding: 5px 10px 5px 5px;
width: 390px;
border: 1px #000 solid;
color: #99BB33;
background-color: #FFFFEE;
}
</code>
hoe krijg ik de divs in firefox net zoals in IE?
Das een verkeerde volgorde, ga in FF (of Opera, of een vergelijkbare browser, 1 die CSS wel interpreteerd volgens de standaard) bouwen, en pas dan indien nodig IE hacks toe.
Maar ik kan de fout niet vinden, weet iemand anders het?
Ik snap dat je het voor beide bouwt, maar die tip die ik je gaf is om het gemakkelijker te maken je site in alle browsers goed te krijgen. Wat het probleem is met het bouwen in IE6, en dan proberen ook goed te krijgen in andere browsers, is dat je veel en vaak lastige problemen tegenkomt. Doe je het andersom dan moet je vaak 1 of een paar simpele IE hacks toepassen, om het ook in IE6 goed te krijgen.
Daarom bedoel ik ook -> Gebruik FF als testbrowser, die interpreteert de CSS zoals het hoort. Heb je het dan in FF zoals je het hebben wil, dan ga je daarnaast ook op IE6 testen. (ik zeg ook, omdat in sommige gevallen de layout in FF weer wordt verprutst)