DIVS untereinander sollen mitrutschen

[olimustermann]

Ist eigentlich alles auf dem Bild erklärt, was ich meine...

Vielen Dank schonmal!

[hero-master]

Und was genau ist daran das Schwierige? 2 Blockelemente, die im Markup untereinander stehen, sind ohne bestimmte Eigenschaftsfestlegung relativ zueinander. Somit rutscht doch das untere automatisch mit nach unten:

<div id="box-16">Ich bin oben</div>
<div id="box-18">Ich bin unten</div>

[olimustermann]

...aber bei

position:relative; 

doch net?
das überschneidet sich bei mir total...

.txtareaRIGHTSIDE {
position:inherit;
width:226px;
background-color:#FDB902;
margin-top:176px;
padding-left:10px;
padding-top:5px;
padding-right:10px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
background-position:bottom;
background-repeat:no-repeat;
}
.endoftxtareaRIGHTSIDE {
position:absolute;
display:block;
width:246px;
height:36px;
z-index:11;
background: url("../hp_gp/hp_gp_site/hp_content_of_box_ending.png");
background-repeat:no-repeat;
left: 665px;
top: 674px;
}

[hero-master]

...aber bei

position:relative; 

doch net?

Gerade bei relative, denn dann sind die beiden ja relativ zueinander positioniert. Der obere wird länger, der untere wird mitgeschoben

das überschneidet sich bei mir total...

klar, weil du da untere Objekt absolut positionierst...
ich kenn dein Markup jetzt nicht, aber so sollte es doch eher aussehen:

.txtareaRIGHTSIDE {;
width:226px;
background-color:#FDB902;
margin-top:176px;
padding-left:10px;
padding-top:5px;
padding-right:10px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
background-position:bottom;
background-repeat:no-repeat;
}
.endoftxtareaRIGHTSIDE {
display:block;
width:246px;
height:36px;
background: url("../hp_gp/hp_gp_site/hp_content_of_box_ending.png");
background-repeat:no-repeat;
}

[olimustermann]

Thx! Wie mache ich das, wenn zwei Divs nebeneinander sein sollen?

[hero-master]

Thx! Wie mache ich das, wenn zwei Divs nebeneinander sein sollen?

Floaten
Eins zum Anschauen

[Sascha79]

Hier wird das auch ganz einfach erklärt.

Frohes neues Jahr