Lid |
|
Hallo,
Ik heb de volgende css code:
body{
font-family: verdana, tahoma, arial;
font-size: x-small;
}
#container {
position: relative;
width: 100%;
border: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #CE3935;
}
#top {
float: left;
padding: 0px;
margin-bottom: 0px;
background-color: #2A638E;
}
#menu{
float: left;
width: 138px;
margin: 0;
left:0px;
padding: 2px;
background-color: #CE3935;
}
#inhoud {
float: left;
right: 0px;
left: 142px;
padding: 2px;
background-color: #F2C631;
}
#footer {
position: absolute;
clear: both;
padding: 2px;
margin-bottom: 0px;
background-color: #2A638E;
}
body{ font-family: verdana, tahoma, arial; font-size: x-small; } #container { position: relative; width: 100%; border: 0px; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; background-color: #CE3935; } #top { float: left; padding: 0px; margin-bottom: 0px; background-color: #2A638E; } #menu{ float: left; width: 138px; margin: 0; left:0px; padding: 2px; background-color: #CE3935; } #inhoud { float: left; right: 0px; left: 142px; padding: 2px; background-color: #F2C631; } #footer { position: absolute; clear: both; padding: 2px; margin-bottom: 0px; background-color: #2A638E; }
In IE geeft hij hem goed weer, maar in firefox wordt de inhoud te breed waardoor hij onder het menu komt te staan. Verder verdwijnd de footer in Firefox opeens naar boven.
Ik ben al aan het proberen geweest met position absolute en relative, met float, maar krijg hem niet goed in Firefox.
Weet iemand wat ik fout doe?
Alvast bedankt!
|