Opływanie jednego diva przez drugiego Opcje

[Joachim Peters]

Witam,

Jak zrobić coś takiego:

(IMG:http://images26.fotosik.pl/134/87ce0f89e73d10dd.jpg)

(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Pozdrawiam

[wojtek.zielinski]

[HTML] pobierz, plaintext 
<div>
  <div style="float: right;">div 2 div 2</div>
  div 1 div 1 div 1
</div>
[HTML] pobierz, plaintext 

[batman]

Sposobów jest kilka. Podam Ci dwa, które przyszły mi do głowy.

[HTML] pobierz, plaintext 
sposób 1:
<div style="width: 600px;">
	<div style="float: left; width: 300px; background-color: #DBDBDB;">div 1</div>
	<div style="float: left; width: 300px; background-color: #707070;">div 2</div>
	<div style="float: left; width: 200px; background-color: #DDBBDD;">div 1</div>
	<div style="float: left; width: 200px; background-color: #FFFAAA;">div 1</div>
	<div style="float: left; width: 200px; background-color: #AAAFFF;">div 1</div>
	<div style="clear: left;"></div>
</div>
 
sposób 2:
<div style="float: left; width: 300px; background-color: #DBDBDB;">div 1</div>
<div style="float: left; width: 300px; background-color: #707070;">div 2</div>
<div style="clear: left;"></div>
<div style="float: left; width: 200px; background-color: #DDBBDD;">div 1</div>
<div style="float: left; width: 200px; background-color: #FFFAAA;">div 1</div>
<div style="float: left; width: 200px; background-color: #AAAFFF;">div 1</div>
<div style="clear: left;"></div>
[HTML] pobierz, plaintext 

Kolor tła dodałem w celach demonstracyjnych, więc nie sugeruj się nim (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)