• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div-Positionierung

Status
Für weitere Antworten geschlossen.

kahremst

Neues Mitglied
hallo,

ich hab eine frage an euch experten:

ich habe ein div (name: div1) und an einer anderen stelle auf meiner seite noch ein anderes div (name: div2).
wie ist es möglich, das div2 direkt unter div1 zu positionieren (also left bei beiden elementen gleich und dann halt direkt unterhalb von div1), und dabei die anderen elemente, die nach dem div1 kommen, einfach zu überlenden?

ich hoffe, ich habe mich verständlich ausgedrückt, ansonsten sagt mir bitte bescheid!

vielen dank!

mfg stefan
 
Werbung:
also, ohne jedgliche positionierung würde das ganze in etwa so aussehen:
html-de_div-positionierung_001.gif



ich möchte jetzt, das div2 folgendermaßen positionieren:
html-de_div-positionierung_002.gif

div2 soll also relativ zu div1 positioniert werden

wie ist soetwas möglich?
 
Werbung:
Ich weiß nicht wozu die Boxen dienen.
Für die meisten Inhalte gibt es sinnvolle html-Tags.
Hier mal mit schlichten Divs.
html:
Code:
<div id="alles">
<div id="box1">
Box1
</div>
<div id="box2">
Box2 floatet nach links
</div>
<p class="fliesstext">
Hier kommt ein längerer Fließtext. Er umfließt Box 2 nach Links</p>
</div>
css:
Code:
  #alles {
  width: 400px;
  }
  #box1 {
  background-color: #5B5B5B;
  width: 100px;
  }
  #box2 {
  background-color: #009794;
  float: left;
  }
  .fliesstext {
  margin: 0px;
  }
 
dabei muss div2 aber im quelltext auch nach div1 kommen... oder? und genau das ist ja in meinem beispiel anders herum
 
dabei muss div2 aber im quelltext auch nach div1 kommen... oder? und genau das ist ja in meinem beispiel anders herum
Ja, hab ich übersehen.
was ist denn der Grund? Ist das html nicht veränderbar oder geht es um Suchmachinen, Screenreader und der gleichen?
Haben die Boxen eine feste Breite und Höhe?
Kannst du zusätzliche Elemente einbauen oder dürfen es nur die beiden div-Boxen sein?
Wenn das html unveränderbar ist, währe es gut den Quelltextabschnitt zu sehen.
 
Werbung:
hey!

danke für deine bemühungen! ich habs jetzt mittlerweile hinbekommen, zwar auch nur so, wenn das div genau drunter ist (wie in deinem ersten beitrag, danke dafür), aber es funktioniert ;)

nochmals danke!

gruß stefan
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben