|
|||
Ausrichten von 3 divs mit CSS aber wie?
Hallo
ich bastel gerade an meiner Page und sitze grad aufm Schlauch. Ich habe auf der linken Seite 2 div Container mit Menues drinne und rechts daneben sollte ein Content div Container sein (Sie angehängtes Bild). Nun habe ich Probleme mit der Ausrichtung und benötige Hilfe. Es bleibt immer auf der Höhe des 2. Menues hängen. Danke für euere Hilfe Hier meine Codeschnippsel: PHP Datei: PHP-Code:
CSS Datei: Code:
.menu_title { height:22px; background-image:url(../images_page/img_8.jpg); background-repeat:repeat; } .menu_title_right{ float:right; width:18px; height:22px; background-image:url(../images_page/img_9.jpg); } .menu_title_right2{ float:right; width:18px; height:22px; background-image:url(../images_page/img_9_1.jpg); } .menu_title_left { float:left; width:20px; height:22px; background-image:url(../images_page/img_7.jpg); } .content_title_1 { float:left; width:16px; height:22px; background-image:url(../images_page/img_10.jpg); } .content_title_2{ float:left; width:273px; height:22px; background-image:url(../images_page/img_11.jpg); background-repeat:repeat; } .content_title_3 { float:left; width:20px; height:22px; background-image:url(../images_page/img_12.jpg); } .content_title_4 { float:left; width:273px; height:22px; background-image:url(../images_page/img_8_1.jpg); background-repeat:repeat; } .content_title_5 { float:right; width:18px; height:22px; background-image:url(../images_page/img_13.jpg); } .menu_footer { height:15px; background-image:url(../images_page/img_20.jpg); background-repeat:repeat; } .menu_footer_right{ float:right; width:18px; height:15px; background-image:url(../images_page/img_21.jpg); } .menu_footer_left { float:left; width:20px; height:15px; background-image:url(../images_page/img_19.jpg); } .content_style { width:762px; height:350px; background-color:#ffffff; } .menu_main{ height:24px; } .content_main{ background-color:#004972; max-height:300px; } .content_footer { height:18px; background-image:url(../images_page/img_24.jpg); background-repeat:repeat; } .content_footer_right{ float:right; width:18px; height:18px; background-image:url(../images_page/img_25.jpg); } .content_footer_left { float:left; width:16px; height:18px; background-image:url(../images_page/img_23.jpg); } #left { width:150px; margin:1px; float:left; background-image:url(../images_page/img_222.jpg); background-repeat:repeat; } #right { width:600px; height:400px; margin:1px; float:right; } #test { } .content_style #left .menu_main span { text-align: justify; } |
Sponsored Links |
Sponsored Links |
|
|||
*argh*
ich habe dem Test Container keinen float zugeordnet Ja manchmal ist es besser ne Pause zu machen als weiter zu coden Ist meine erste Seite die ich mit CSS komplett ohne Hilfsmittel wie Dreamweaver code deshalb sieht das ganze etwas chaotisch aus. Wird aber noch optimiert sobald alles so funzt wie es soll Danke heiko für den Wink mit dem Laternenpfahl! |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
3 divs ausrichten | iizi | CSS | 2 | 20.08.2008 16:34 |
In einem div, 2 divs mittig ausrichten | heohni | CSS | 1 | 20.07.2007 15:51 |
unterschied zwischen IE und FF (css divs) | EvilDragon | CSS | 2 | 19.06.2006 12:12 |
nur bestimmte divs mit css formatieren | tricky | CSS | 2 | 05.03.2004 11:19 |