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;}
Lesezeichen