Moin Moin!
Ich komme gerade irgendwie nicht weiter... :'(
Bin dabei eine Seite mit dynamischen Boyen zu erstellen. Jetzt habe ich mien "Gerüst" fertig, aber ich möchte gerne, dass innerhalt von den einzelnen boxen der Text sagen wir mal 10px vom Rand weg steht. Habe es mit padding und margin probiert, aber leider ohne Erfolg. Die Boxen rutschen dann einfach nach unten, bzw. überlagern andere.
Kann mir bitte Jemand einen gedankenanstoß geben?
Danke!
Hier mal den CSS-Code:
und den HTML-Code:
Anbei auch noch ein Bild, wie es jetzt aussieht. (Die farben dienen nur zum anzeigen, wo welche Box ist - keine Angst )
Ich komme gerade irgendwie nicht weiter... :'(
Bin dabei eine Seite mit dynamischen Boyen zu erstellen. Jetzt habe ich mien "Gerüst" fertig, aber ich möchte gerne, dass innerhalt von den einzelnen boxen der Text sagen wir mal 10px vom Rand weg steht. Habe es mit padding und margin probiert, aber leider ohne Erfolg. Die Boxen rutschen dann einfach nach unten, bzw. überlagern andere.
Kann mir bitte Jemand einen gedankenanstoß geben?
Danke!
Hier mal den CSS-Code:
HTML:
body {
margin: 0px auto;
}
#container {
width: 75%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
.
.
.
#container #sidebar {
float: left;
min-height: 380px;
width: 20%;
background-color: #CF0;
}
#container #content {
float: right;
width: 80%;
background-color: #0F0;
min-height: 380px;
}
.
.
.
HTML:
<div id="container">
.
.
.
<div id="content"> C O N T E N T > > C O N T E N T > > ... </div>
<div id="sidebar">S I D E B A R | | S I D E B A R | | ... </div>
.
.
.
</div>
Zuletzt bearbeitet: