God formiddag.
Jeg har et problem med mit design.
Alt i content, som er skrevet, vil gå længere ned, men content baggrunden, følger ikke med.
Menu i begge sider er ikke så lange/høje.
Og det passer med det er der content stopper.
--
content:
- #center_content{
- width:882px;
- float:left;
- position:absolute;
- height:auto;
- margin-left:10px;
- margin-right:10px;
- }
Main:
- #main_container{
- width:902px;
- height:auto;
- margin:auto;
- padding:0px;
- }
Left:
- .left_sidebar{
- width:180px;
- float:left;
- }
Left menu:
- #left_menu{
- position:relative;
- top:0px;
- left:-190px;
- float:left;
- }
- ul {
- list-style-type:none;
- }
- #left_menu ul{
- list-style-type:none;
- width: 177px;
- margin:0; padding:0;}
-
- #left_menu li {
- display:block;}
-
- #left_menu li a {
- display:block;
- padding:0 0 0 25px;
- height:30px;
- text-align:left;
- line-height:30px;
- text-decoration:none;
- background-color:#999966;
- color:#FFFFFF;
- border-bottom:1px #000 solid;
- }
- #left_menu li.selected a {
- display:block; padding:0 0 0 25px; height:30px;text-align:left; line-height:30px;
- text-decoration:none;background:url(images/left_menu_bullet.gif) no-repeat left #999966; color:#FFFFFF;border-bottom:1px #000 solid; background-position:5px 8px;
- }
- #left_menu li a:hover {
- display:block; padding:0 0 0 25px; height:30px;text-align:left;
- text-decoration:none; background:url(images/left_menu_bullet.gif) no-repeat left #fff; color:#000;border-bottom:1px #000 solid; background-position:5px 8px;
- }
Ser det forkert ud, ?.
Se billedetDer kan i se LOOOOL er en test tekst, som går længere ned.
Og i kan lige se lidt af menuen som ikke går længere ned end "end-content".
Så tror det er derfor den rager udover.
Så hvordan får jeg content til at forsætte ?