[css] układ, 2 elementy po dodaniu tekstu obrazek spada Opcje

[Lejto]

Mam taki kod:

[HTML] pobierz, plaintext 
<div id="img6">
         <div id="img7"> </div>
 </div>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
#img6{
	background-image:url(../images/helltorrents33.gif);
	width:700px;
	height:435px;
	overflow:hidden;
	clear:both;	
}
#img7{
	background-image:url(../images/helltorrents.gif);
	width:175px;
	height:435px;
	background-repeat:no-repeat;
	float:right;	 
 
}
[HTML] pobierz, plaintext 

wynik:

wyjadę się wszystko dobrze (kolor specjalnie taki zrobiłem żeby było widać )

jak dodam jakiś tekst w:

[HTML] pobierz, plaintext 
<div id="img6">
         <div id="img7"> </div>
        </div>
[HTML] pobierz, plaintext 

np.

[HTML] pobierz, plaintext 
<div id="img6">a
         <div id="img7"> </div>
        </div>
[HTML] pobierz, plaintext 

to staje się tak:

obrazek po prawej spada ;/ co zrobić?

Ten post edytował Lejto 1.02.2009, 15:40:22

[Lion_87]

Rozwiązaniem może być potraktowanie #img6 jako box i wstawienie jeszcze jednego Diva

[HTML] pobierz, plaintext 
<div id="box">
<div id="img6"> </div><----float:left
<div id="img7"> </div><----float:right
</div>
[HTML] pobierz, plaintext