Css

[C--B--S]

hi,
also ich hab ein problem mit der div-funktion. Im moment versuche ich mit divs mein layout von einer hp zu erstellen, jedoch hab ich damit noch nicht so viel erfahrung . Ich habe versucht 2 bilder in 2 verschiedenen div tags anzeigen zu lassen, jedoch werden diese nicht nebeneinander sondern schreg untereinander angezeigt (das eine links oben, das andere rechts unten). Hier der Quelltext:<div style="width: 150; height: 854; border: 0;"><img style="width: 150; height: 862; border: 0; position:relative; left: 128px; top:0;" src="long-ex_01.png" /></div>

<div style="width: 724; height: 156; border: 0;"><img style="width: 724; height: 156; border: 0; position:relative; left: 278px; top:0;" src="long-ex_02.png" /></div>
das is bestimmt ein ganz elementarer fehler ^^. Also schon mal im vorhinein danke, C--B--S

[designfanatiker]

Zitat von C--B--S

das is bestimmt ein ganz elementarer fehler ^^.

Oh ja. Bei Divisionen handelt es sich um Blocklevel-Elemente.

[C--B--S]

hi,
thx für die antwort. Nur jetzt hab ich noch ein prob ^^, ich weiß nich so genau, was das bedeutet (habe zwar recht viel erfahrung in photoshop, aber erst sehr wenig beim coden ... (kürzlich erst angefangen ^^)). Also wäre es echt klasse wenn ihr mir das mal "übersetzten" könntet, bzw. sagen was ich ändern muss, um diesen fehler zu vermeiden. THX C--B--S

[C--B--S]

so hab mich mal ein bissl schlau über block level elemente gemacht. Ist es denn überhaupt möglich zwei div "boxen" horizontal nebeneinander einzufügen?

[satre]

Ja, indem man sie floatet:

CSS:

.box {
border:1px solid black;
width:100px; 
margin:10px;
padding:10px;
float: left;
}

HTML:

<div class="box">Container 1</div>
<div class="box">Container 2</div>