[html] za duze odstepy miedzy divami IE Opcje

[tomek_13]

[HTML] pobierz, plaintext 
<div style="margin-top: 25px; margin-left: 70px;">
 
<!-- div_1 -->
<div style="margin: 0px; padding:0px;">
<div style="float: left; width: 200px; display: inline">sdfsdf</div>
<div style="float: left; ">sdfsdfsdf</div>
<span style="clear: both;">&nbsp;</span>
</div>
 
<!-- div_2 -->
<div style="margin: 0px; padding:0px;">
<div style="float: left;  width: 200px; display: inline">sdfsdfsdfds</div>
<div style="float: left;">sdfsdf</div>
<span style="clear: both;">&nbsp;</span>
</div>
 
<!-- div_3 -->
<div style="margin: 0px; padding:0px;">
<div style="float: left; width: 200px;display: inline ">sdfdsfdsfdsf</div>
<div style="float: left;">dsfsdfdsf</div>
<span style="clear: both;">&nbsp;</span>
</div>
 
<!-- div_4 -->
<div style="margin: 0px padding:0px;;">
<div style="float: left; width: 200px; display: inline">dsfdfsdfsdfsd</div>
<div style="float: left; ">sdfsdfdsfsdfdsfds</div>
<span style="clear: both;">&nbsp;</span>
</div>
 
</div>
 
[HTML] pobierz, plaintext 

pod normalnymi przegladarkami dziala dobrze natomiast w IE sa za duze odstepy miedzy div1 div2 div3 i div4
znalazlem gdzies ze display: inline powinno pomoc
ale tutaj mi nie pomaga, moze w zlym miejscu je dalem
jak mozna rozwiazac ten problem

[wookieb]

Ja bym na twoim miejscu wrocil do podstaw i zobaczyl co robil float a co display: inline i jak to działa

[HTML] pobierz, plaintext 
<span style="clear: both;"> </span>
[HTML] pobierz, plaintext 

Zamien na

[HTML] pobierz, plaintext 
<div style="clear: both; font-size: 2px;"></div>
[HTML] pobierz, plaintext 

Ten post edytował wookieb 29.08.2009, 17:34:14

[tomek_13]

ok usunolem to display inline i zamienilem tespan na div ale pod ie w dalszym ciagu jestzle

[HTML] pobierz, plaintext 
<div style="margin-top: 25px; margin-left: 70px;">
 
<!-- div_1 -->
<div style="margin: 0px; padding:0px;">
<div style="float: left; width: 200px; ">sdfsdf</div>
<div style="float: left; ">sdfsdfsdf</div>
<div style="clear: both; font-size: 2px;"></div>
</div>
 
<!-- div_2 -->
<div style="margin: 0px; padding:0px;">
<div style="float: left;  width: 200px; ">sdfsdfsdfds</div>
<div style="float: left;">sdfsdf</div>
<div style="clear: both; font-size: 2px;"></div>
</div>
 
<!-- div_3 -->
<div style="margin: 0px; padding:0px;">
<div style="float: left; width: 200px; ">sdfdsfdsfdsf</div>
<div style="float: left;">dsfsdfdsf</div>
<div style="clear: both; font-size: 2px;"></div>
</div>
 
<!-- div_4 -->
<div style="margin: 0px padding:0px;;">
<div style="float: left; width: 200px; ">dsfdfsdfsdfsd</div>
<div style="float: left; ">sdfsdfdsfsdfdsfds</div>
<div style="clear: both; font-size: 2px;"></div>
</div>
 
</div>
[HTML] pobierz, plaintext 

[wookieb]

[HTML] pobierz, plaintext 
<div style="margin-top: 25px; margin-left: 70px;">
 
<!-- div_1 -->
<div style="margin: 0px; padding:0px; display: inline-block;">
<div style="float: left; width: 200px;">sdfsdf</div>
<div style="float: left; ">sdfsdfdsfsdfdsfds</div>
<div style="clear: both; font-size: 2px;"></div>
</div>
 
<!-- div_2 -->
<div style="margin: 0px; padding:0px; display: inline-block;">
<div style="float: left;  width: 200px;">sdfsdfsdfds</div>
<div style="float: left; ">sdfsdfdsfsdfdsfds</div>
<div style="clear: both; font-size: 2px;"></div>
</div>
 
<div style="margin: 0px; padding:0px; display: inline-block;">
<div style="float: left; width: 200px;">sdfdsfdsfdsf</div>
<div style="float: left; ">sdfsdfdsfsdfdsfds</div>
<div style="clear: both; font-size: 2px;"></div>
</div>
 
<!-- div_4 -->
<div style="margin: 0px padding:0px; display: inline-block;">
<div style="float: left; width: 200px;">dsfdfsdfsdfsd</div>
<div style="float: left; ">sdfsdfdsfsdfdsfds</div>
<div style="clear: both; font-size: 2px;"></div>
</div>
 
</div>
[HTML] pobierz, plaintext 

[tomek_13]

kod ktory podales dziala dla ie natomiast w pozostalych przegladarkach dziala nie prawidlowo
ale po dodaniu szerokosci do glownego diva wszystko dziala dobrze w 3 przegladarkach
dzieki