#container verschiebt sich nach clear:both; nach unten
Hallo,
habe mich nun mal ein bisschen mit TYPOlight auseinandergesetzt und bin bisher sehr positiv überrascht!
Nur habe ich jetzt ein Problem mit dem CSS.
Ich habe das Standard-Template so eingestellt, dass nur der Header, die Main-Spalte und der Footer angezeigt werden. Im Header befindet sich das Logo und die Navigation die mit float: left; und float: right; nebeneinander positioniert werden. Allerdings ist dann der Bereich .mod_article ein Stück nach rechts verschoben. Gebe ich bei #container clear: both; an verschwindet dies zwar, jedoch verschiebt sich der div #container ein ganzes Stück nach unten.
Wie könnte ich dieses Problem beheben?
Habe CSS angefügt:
Code:
body{background-color:#151515;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#eeeeee;}
#header .logo{width:88px;height:270px;float:left;}
#header .mod_navigation{float:right;}
#header .mod_navigation .level_1{margin:28px 0;list-style-type:none;}
#header .mod_navigation .level_1 li{float:left;margin:0 3px;font-size:0.8em;}
#header .mod_navigation .level_1 li span.active{display:block;padding:10px 5px;background-color:#eeeeee;text-decoration:none;color:#151515;}
#header .mod_navigation .level_1 li a{display:block;padding:10px 5px;text-decoration:none;color:#eeeeee;}
#header .mod_navigation .level_1 li a:hover{background-color:#eeeeee;color:#151515;}
.ce_text h1{margin:0;padding:0;text-align:right;font-size:3.5em;}