|
|||
!ANFÄNGER! Spalt zwischen <div>Containern
Hallo
ich bin blutiger Anfänger und hab ein bräuchte Hilfe bei meinen CSS Versuchen. Hier erst mal der Code Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Unbenanntes Dokument</title> <style type="text/css"> /* CSS Document */ body { font-family:Verdana, sans-serif; /* immer generische Schriftfamilie mit angeben */ font-size:12px; background-color:#666666; text-align:center; margin:0px; } /*Rahmen für die Boxen*/ #wrapper { width:760px; margin:0 auto; text-align:left; border:1px solid black; } .box1 { height:100px; /* width-Angabe hier unnötig, da Blockelemente immer die gesamte mögliche Breite einnehmen */ background-color:#bdbec6; border-bottom:1px solid #000; } .box2 { background-color:#bdbec6; width:120px; height:600px; float:left; } /*Menübox*/ .menutitle{ font-weight:bold; text-align:center; margin:2px; } .menucontainer { border:1px solid #000; background-color:#7b7d8e; width:106px; margin:10px; } /*für Hyperlinks*/ a.menu:link, a.menu:visited { color:#eeeeee; background-color:#737994; text-decoration:none; } a.menu:active, a.menu:hover { color:#737994; background-color:#eeeeee; } a.menu { display:block; padding:3px; border-top:1px solid #000; background-color:#737994; text-align:center; font-weight:bold; color:#eeeeee; text-decoration:none; } .box3 { height:600px; background-color:#efeff7; margin-left:122px; } .clear { /*ein float braucht ein clear, hier als zusätzliches Element gelöst */ clear:left; height:0; font-size:0; } </style> </head> <body> <div id="wrapper"> <div class="box1">Box1</div> <div class="box2"> <div class="menucontainer"> <p class="menutitle">Navigation</p> Link1 Link2 Link3 Link4 Link5 Link6 Link7 Link8 </div> </div> <div class="box3">Box3</div> <div class="clear"></div> </div> </body> </html> Außerdem möchte ich das beide Boxenbis an den jeweiligen Rand des wrappers gehen.(unten ist in beiden Fällen noch einkleiner spalt der nicht von der box ausgefüllt wird. thnx |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Spalt zwischen Bild und Liste | DiHo | CSS | 4 | 07.01.2011 00:03 |
Tabellen Abstand zwischen Zeilen, nicht aber zwischen Spalten | SchlechterInformatiker | CSS | 3 | 01.10.2009 18:39 |
Anfänger braucht Hilfe: Unterschiede zwischen Firefox und Internet Explorer | Sephi | Barrierefreiheit | 11 | 11.12.2006 16:23 |
Spalt zwischen den Boxen im IE | Mine | CSS | 0 | 20.05.2006 14:07 |
!ANFÄNGER! Spalt zwischen <div>Containern | ophidian | CSS | 24 | 06.06.2005 16:54 |