thomassson
Nieuwe gebruiker
- Lid geworden
- 1 nov 2007
- Berichten
- 1
probleem met layout in verschillende browsers:
Bedoeling zoals op de onderste afbeelding.(bovenste is internet explorer)
zie http://users.pandora.be/dthomaz/probleem.gif
css-code:
@charset "utf-8";
#container {
width: 100%;
height: 100%;
}
#menu {
background-color: blue;
height: 100px;
width: 100%;
}
#search {
width: 200px;
height: 100px;
background-color: red;
float: left;
}
#foto {
width: 150px;
height: 100px;
background-color: green;
float: left;
}
#slogan{
width: 250px;
height: 100px;
background-color: yellow;
float: left;
}
#content{
margin-left: 200px;
width: 400px;
height: 100%;
background-color: orange;
float: left;
}
#footer{
width: 400px;
height: 20px;
background-color: purple;
clear: both;
}
Bedoeling zoals op de onderste afbeelding.(bovenste is internet explorer)
zie http://users.pandora.be/dthomaz/probleem.gif
css-code:
@charset "utf-8";
#container {
width: 100%;
height: 100%;
}
#menu {
background-color: blue;
height: 100px;
width: 100%;
}
#search {
width: 200px;
height: 100px;
background-color: red;
float: left;
}
#foto {
width: 150px;
height: 100px;
background-color: green;
float: left;
}
#slogan{
width: 250px;
height: 100px;
background-color: yellow;
float: left;
}
#content{
margin-left: 200px;
width: 400px;
height: 100%;
background-color: orange;
float: left;
}
#footer{
width: 400px;
height: 20px;
background-color: purple;
clear: both;
}