Frenske123
Terugkerende gebruiker
- Lid geworden
- 2 jul 2007
- Berichten
- 1.260
hallo
Onderstaande code css;
de left en right div staan in de div main
als hiervan de hoogte wordt aangepast door het toevoegen van elementen
(in de div left en right) gaat deze in explorer mee, indien height gezet in de div main op 100%
echter in Firefox werkt dit niet ( height 100%) wel met een vaste waarde.
Is hier een oplossing voor, zou handig zijn als de div main zich in hoogte zou aanpassen aan de inhoud e,d ??!
o,a geprobeerd;
min-height: 100%; hier kom ik niet verder mee
Onderstaande code css;
de left en right div staan in de div main
als hiervan de hoogte wordt aangepast door het toevoegen van elementen
(in de div left en right) gaat deze in explorer mee, indien height gezet in de div main op 100%
echter in Firefox werkt dit niet ( height 100%) wel met een vaste waarde.
Is hier een oplossing voor, zou handig zijn als de div main zich in hoogte zou aanpassen aan de inhoud e,d ??!
o,a geprobeerd;
min-height: 100%; hier kom ik niet verder mee
Code:
body{
margin:6px;
padding:0px;
background:#333333 url(../img/bgr/grijswit.gif);
}
#main{
margin:0px auto;
width:780px;
/*min-height: 100%; */ height:666px;
background-color:#666;
padding:0px;
color:#EF8812;
background:#696969 url(../img/bgr/grijswit-licht.gif);
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 3px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #000269;
border-bottom-color: #000269;
border-left-color: #000269;
border-top-color: #000269;
}
#head{
margin:0px auto;
font:bold 12px Arial,Helvetica,sans-serif;
padding:0px;
color:#00C;
width:780px;
height:171px;
background:#FFF url(../img/logo.jpg);
border-width:3px 3px 0px;
border-style:solid solid none;
border-color:#000269 #000269;
}
#left{
color:#000;
background:#FFF;
font:bold 11px/1.8em Arial,Helvetica,sans-serif;
float:left;
width:420px;
border:solid #00C 2px;
display:inline;
margin:25px 0px 30px 25px;
padding:8px;
}
#right{
color:#000;
background:#FFF;
font:bold 11px/1.8em Arial,Helvetica,sans-serif;
float:right;
width:242px;
border:solid #EF8812 2px;
display:inline;
margin-top:40px;
margin-right:25px;
margin-bottom:30px;
padding:8px;
}
#footer{
margin:0px auto;
width:780px;
height:44px;
padding:10px 0px 0px 0px;
border-width:3px 3px;
border-style:none solid solid;
border-color:#000269 #000269;
background:#EF8812;
font:small-caps bold 12px Arial,Helvetica,sans-serif;
}