Hey guys,
I control my webappearance ewith a series of <div> elements. They are supposed to be in line and the main container is supposed to stay min 880px in wdth. However, the left infobox has somehow the bad habit to start under the main <div> element. Also, the min-width is not kicking in, instead the elements get floated to the left and no scroll bar appears.
-
#container {
-
font-size: 0.8em;
-
width: 900px;
-
min-width: 880px;
-
height: 1300px;
-
margin: auto;
-
}
-
-
#logo {
-
background: url(../pics/logo_01.png) 0 0 no-repeat black;
-
height: 100px;
-
min-width: 880px;
-
padding: 0 20px;
-
margin: 0;
-
}
-
-
#menue {
-
width: 110px;
-
margin: 0 0 1.2em;
-
padding: 0;
-
border: 0px;
-
height: 1200px;
-
}
-
-
#info {
-
background: rgb(212,206,160);
-
width: 150px;
-
height:1000px;
-
float: right;
-
padding: 10px 2px 2px 10 px;
-
margin: 5px;
-
}
-
-
#main {
-
margin: 10px 0 0 120px;
-
width: 550px;
-
background: 0 rgb(245,237,180);
-
padding: 0 10px 10px 20px;
-
line-height: 1.5em;
-
}
-
-
I can't figure out what is going wrong there. Any help would be much appreciated!
Cheers,
Frank