2 div boxen von oben beginnend

[maggie]

Hallo, ich möchte zwei div container die vom oberen Rand her sich anschließen. Also eine Box fängt oben links an (Länge nach Inhalt) und die 2. Box schließ sich nach unten an.

#box1{
 top: 10px;
 left: 10px;
}

Welche Werte muss ich der 2.Box zuweisen, damit sie sich unten anreiht?

Danke für Eure Hilfe.
Gruß, Maggie

[Gunnar Bittersmann]

Hello out there!

#box1{
top: 10px;
left: 10px;
}

Die Werte dürften so keine Wirkung haben. („Angewendet auf: Positionierte Elemente“ [CSS2 §9.3.2])

Welche Werte muss ich der 2.Box zuweisen, damit sie sich unten anreiht?

Gar keine, das tut sie doch automatisch (wenn du die erste nicht aus dem Fluss nimmst).

See ya up the road,
Gunnar

[maggie]

Hi,
was ist hier falsch, nur damit ichs verstehe:
top: +Wert bedeutet doch, die obere Startposition und left die linke, oder habe ich da was durcheinander gebracht?

#box1{
top: 10px;
left: 10px;
}

Die Änderungen haben keinen Erfolg gezeigt.
Aber hier mal meine Container - vielleicht liegts ja an den inneren Boxen?
#anspechen{
 width: 100%;
 padding: 10px 0px 0px 0px;
 background-color:#6BA918;
}
#links{
 float: left;
 width: 49%;
 margin: 0px;
 padding: 0px;
}
#rechts{
 float:right;
 width: 49%;
 padding: 5px 0px 0px 10px;
 font-size: 80%;
}

#formular{
 width: 100%;
 padding: 10px 0px 0px 0px;
 background-color:#CCCCCC;
 left: 10px;
 }
#persoenlich{
 float: left;
 width: 49%;
 margin: 0px;
 padding: 0px;
}
#anliegen{
 float:right;
 width: 49%;
 padding: 5px 0px 0px 10px;
 font-size: 80%;
}
Gruß, Maggie

[Gunnar Bittersmann]

Hello out there!

was ist hier falsch, nur damit ichs verstehe:
top: +Wert bedeutet doch, die obere Startposition und left die linke

Nicht unbedingt; das habe ich dir doch gerade gesagt.

Hätte ich noch dazusagen sollen, was „positioniertes Element“ bedeutet? Nein; denn das steht ja in der CSS-Spec.

#box1{
top: 10px;
left: 10px;
}

Die Änderungen haben keinen Erfolg gezeigt.

Wie ich sagte.

Aber hier mal meine Container - vielleicht liegts ja an den inneren Boxen?

Was ist innen, was ist außen? Ohne dein Markup zu kennen, hilft dabei nicht einmal die Glaskugel.

See ya up the road,
Gunnar

[Maggie]

Was ist innen, was ist außen? Ohne dein Markup zu kennen, hilft dabei nicht einmal die Glaskugel.

Sorry!
<div id="ansprechen">
 <div id="links">Ansprechpartner, Kontakt und Anfahrt
 usw.</div>
 <div id="rechts">Adresse</div>
</div>
<div id="formular">
 <div id="persoenlich">
 Hier soll ein Formular rein</div>
 <div id="anliegen">Weiterführung des Formulars</div>
</div>

Gruß, Maggie

[wucher wichtel]

Hallo!

Gar kein CSS. HTML reicht:

  
<div>  
  1  
</div>  
<div>  
  2  
</div>  

Allerdings muss du dann noch schauen, dass margin auf 0 gestellt ist.

Im übrigen ist...

#box1{
top: 10px;
left: 10px;
}

...kein gültiges CSS.

ciao, ww

[Gunnar Bittersmann]

Hello out there!

Im übrigen ist...

#box1{
top: 10px;
left: 10px;
}

...kein gültiges CSS.

Doch. Warum sollte es das nicht sein?

See ya up the road,
Gunnar

[wucher wichtel]

Hallo!

Im übrigen ist...

#box1{
top: 10px;
left: 10px;
}

...kein gültiges CSS.

Doch. Warum sollte es das nicht sein?

Ja, ich hab mich ungenau ausgedrückt. Es ist gültig, hat aber keine Wirkung. Ich werde das nächste mal mich genauer ausdrücken.

ciao, ww

[noreg]

Hallo.

Versuche für die zweite Box doch einfach:

#box2
{left:10px;
float:left;}

Gib der ersten auch noch ein float:left mit.

MfG.