simoptim
Neues Mitglied
Hallo,
bin jetzt schon ewig am rumprobieren und auch "dein bester freund" google hat mir nicht weiter geholfen.
ich habe ein zweispaltiges layout welches quasi unter dem menü aus 2 spalten besteht.
ich möchte nun das die zwei balken nach unten unendlich sind und sich eben dem browser anpassen.
achja... neben dem linken content balken ist noch ein div links davon positioniert und neben dem rechten balken ist ein div rechts davon. sind aber nur jeweils 1 bild ohne repeat.
ich hoffe ihr könnt mir helfen.
hier der code:
Bin noch nicht so fit in css von daher ist ed gut möglich das in den selektoren teilweise unnütze angaben gemacht wurde ;) korrigiert mich ruhig.
grüße
bin jetzt schon ewig am rumprobieren und auch "dein bester freund" google hat mir nicht weiter geholfen.
ich habe ein zweispaltiges layout welches quasi unter dem menü aus 2 spalten besteht.
ich möchte nun das die zwei balken nach unten unendlich sind und sich eben dem browser anpassen.
achja... neben dem linken content balken ist noch ein div links davon positioniert und neben dem rechten balken ist ein div rechts davon. sind aber nur jeweils 1 bild ohne repeat.
ich hoffe ihr könnt mir helfen.
hier der code:
HTML:
<div id="content">
<div id="linker_reiter"
</div>
<div id="linker_content">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et vulputate risus. Vivamus nec nisi tellus. Nulla gravida tincidunt tristique. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</p>
</div>
<div id="rechter_content"
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et vulputate risus. Vivamus nec.
</p>
</div>
<div id="rechter_reiter"
</div>
</div>
PHP:
#content {
width: 615px;
height: 100%;
margin: auto;
margin-top: 10px;
}
#linker_content {
padding-left: 0px;
position: relative;
float: left;
color: #FFFFFF;
position:relative;
background-image: url(bilder/bg_linker_content.jpg);
background-repeat: repeat-y;
background-position:top left;
height:100%;
width: 360px;
}
#rechter_content {
position: relative;
float: right;
color: #FFFFFF;
background-color: #303030;
width: 200px;
}
#linker_reiter {
float: left;
width: 43px;
height: 132px;
background-image: url(bilder/reiter_myangebot.jpg);
}
grüße