zwei Ebenen nebeneinander

[fantasyvoll12]

Hallo!

Wie kann ich zwei Ebenen nebeneinander tun?
erster Code

#chgr1 {
	color: #000000;
        background-color: #FFFFFF;
	height: 100%;
	width: 20%;
}

zweiter Code

#chgr2 {
	color: #FFFFFFF;
        background-color: #000000;
	height: 100%;
	width: 20%;
}

Hallo!
Wenn ich diese zwei Ebenen nebeneinander tun will , muss ich dass mit margin lösen? oder muss ich es richtig eigentlich unterschachteln in div?

lg mms

[fantasyvoll12]

Ich weiß dass man es mit <span> lösen

Beispiel richitg:
<div>
<span> Nummer 1 </span>
<span> Nummer 2 </span
<div>
So wäre es richtig
Aber wenn ich bei Nummer 1 ein div hinzufüge bzw. bei <div> eine ID hinzufüge danach klappt es nicht!

Wo liegt mein Problem?

[wildmieze]

... daran, daß <span> ein Inlineelement ist, und ein <div> ein Blockelement. Ganz grob gesagt erzeugen Blockelemente eine neue Zeile, während Inlineelemente erstmal standardmäßig nebeneinander stehen.

Beschäftige dich mal mit "float". Wenn Du Deinem ersten div zB ein float:left, mitgibst, müsste der zweite Kasten schon daneben rutschen. Dabei gibt es aber ein paar Sachen zu beachten, da solltest Du einfach mal im Internetz querlesen.

[fantasyvoll12]

Kannst du mir vielleicht ein Beispiel zeigen? Ich kann es mir gerade jetzt nicht so vorstellen! Also von meiner Sicht funktioniert es nicht mit float:;

[Philip Fuchslocher]

Das was wildmieze schreibt ist schon der richtige Weg: Floats.

Schau Dir mal hier den Teil ab "floatierende Boxen" an:
http://jendryschik.de/wsdev/einfuehr...d-elementfluss

lg

[fantasyvoll12]

Ich habe es jetzt miot float: left; gemacht und danach mit margin-left oder margin-right je nachdem genau in Prozent ausgerichtet! So hat es funktioniert!

[fantasyvoll12]

Ich habe es so gelöst div in div dann funktioniert es habe es jetzt geschafft!

Aber das problem ist wenn ich den browser kleiner mache dann passt sich dass nicht an bzw. wenn ich eine andere auflösung verwende passt sich das irgendwie nicht an , es verrutscht sich weg