Hallo,
ich brauche mal Hilfe von einem CSS Profi.
Ich habe folgende Struktur:
Dazu habe ich folgenden CSS Code:
Ich habe jedoch folgende Probleme:
1) Wenn ich im Content-DIV sehr viel Text habe, wird die Seite > 100% bzw. der Browser zeigt eine horizontale Scrollleiste an. Ich möchte aber das die Seite max. Bildschirmbreite hat und dann eben der Text umgebrochen wird.
2) Die DIVs Navigation und Content sitzen im unteren Bereich nebeneinander. Wenn ich im DIV Tag keinen Text habe möchte ich das der Content DIV eben weiter links anfägt.
Ich habe leider noch wenig mit CSS gemacht. Früher habe ich immer alles mit Tabellen ausgerichtet, jetzt wollte ich mir mal was neues antun ;-)
Kann mir jemand ein paar Tips geben?
ich brauche mal Hilfe von einem CSS Profi.
Ich habe folgende Struktur:
Code:
<div id="main">
<div id="left">
<div id="logo">LOGO</div> // LINKS OBEN
<div id="navigation">NAVIGATION</div> // LINKS UNTEN
</div>
<div id="right">
<div id="search"></div> // RECHTS OBEN
<div id="content"></div> // RECHTS UNTEN
</div>
</div>
Dazu habe ich folgenden CSS Code:
Code:
#main{width:100%;position:relative; margin:0 auto; padding:0px;}
#logo{width:240px; height:100px; text-align:left; float:left; margin:0 auto; padding:0; background:url(../images/left-top2.jpg) 0 0 no-repeat;}
#search{width:100%; height:80px; text-align:right; color:#ffffff;}
#navigation{position: absolute;left:0px;top:125px;width:200px; display:block; background:url(../images/menu-bg.jpg) 0 0 no-repeat; padding-left:20px;padding-top:50px;padding-right:50px; font:12px "Trebuchet ms","Gill Sans MT", "Gill sans", sans-serif;}
#content{margin-left:250px;width:100%;}
Ich habe jedoch folgende Probleme:
1) Wenn ich im Content-DIV sehr viel Text habe, wird die Seite > 100% bzw. der Browser zeigt eine horizontale Scrollleiste an. Ich möchte aber das die Seite max. Bildschirmbreite hat und dann eben der Text umgebrochen wird.
2) Die DIVs Navigation und Content sitzen im unteren Bereich nebeneinander. Wenn ich im DIV Tag keinen Text habe möchte ich das der Content DIV eben weiter links anfägt.
Ich habe leider noch wenig mit CSS gemacht. Früher habe ich immer alles mit Tabellen ausgerichtet, jetzt wollte ich mir mal was neues antun ;-)
Kann mir jemand ein paar Tips geben?