Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dziwne zawijanie tekstu w IE
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Yacho
Mam drobny problem z zawijaniem tekstu :

mam div w ktorym nastepuje sekwencja :
  1. <div>tekst</div>
  2. <div>tekst</div>
  3. <div class ="spacer"></div>

itp itd
wiec mam div zewnetrzny :
  1. div#newestWorkshops {
  2. float:left;
  3. width: 800px;
  4. padding-left: 30px;
  5. }
  6. div#newestWorkshops img {
  7. padding: 30px 0px 10px 0px;
  8. }


i wewnetrzny :
  1. div.newestWorkshop {
  2. width: 45%;
  3. padding: 0px;
  4. float: left;
  5. margin-top: 15px;
  6. margin-right: 10px;
  7. }


efekt widac tu :

http://yacho.gigaweb.pl/

o ile FF wyswietla OK o tyle IE wstyawia pomiedzy kolumnami jebitne puste pole - nie wiem z czego to wynika - moglby ktos wyjasnic ?
thomas2411
A którym IE? Mi w 8 przerzuca napis Najbliższe szkolenia na prawo. Dodaj sobie pod nim:
  1. <br style="clear:both"/>


A jak masz problem z marginesami w IE to po prostu zawsze ustawiaj je na 0 tam gdzie tego potrzebujesz bo IE lubi dodawać zbędne marginesy, jeśli nie są ustawione.
Yacho
chodzi o margines pomiedzy odpowiednimi dwoma kolumnami najblizszych szkolen. nie wiem czemu w IE jest innny....

EDIT: IE 6 i 7.
erix
double margin bug...
Yacho
no tak tylko z tego co mi wiadomo IE podwaja margines z tej strony z ktorej ustawiony jest float.
Tu warstwa ma :
  1. div.newestWorkshop {style1.css (wiersz 258)
  2. float:left;
  3. margin-right:10px;
  4. margin-top:15px;
  5. padding:0;
  6. width:45%;
  7. }


Więc niby skąd to się bierze ?
erix
W przypadku IE nigdy nikt nic nie będzie wiedział. tongue.gif

Zrób osobne deklaracje dla IE i nie trać czasu; są ważniejsze problemy do rozwiązania. [;
nitek
Jeśli faktycznie chodzi o problem podwójnych marginesów dla IE <=6, to jest na to prosta metoda...
każdy div, dla którego występuje jakakolwiek deklaracja float (poza none winksmiley.jpg), musi mieć też dodane:
Kod
display:inline;

i to wszystko
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.