Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML+CSS] IE + Float + Height = tajemniczy margines
Luciano
post 6.06.2007, 11:29:10
Post #1





Grupa: Zarejestrowani
Postów: 102
Pomógł: 1
Dołączył: 26.07.2006
Skąd: Londyn

Ostrzeżenie: (0%)
-----


Witam wszystkich,

Natrafilem dzisiaj na bardzo dziwaczny problem. Stworzylem bardzo prosty kod HTML z wpisanymi CSSami

  1. <div style="float:left;height:500px;background-color:yellow;width:100px;margin-right:0px;">xxxxxx</div>
  2. <div style="background-color:red;">111</div>
  3. <div style="background-color:blue;height:30px;margin-left:100px;">222</div>
  4. <div style="background-color:green;">333</div>
  5. </body>
  6. </html>


Jest sobie kolumna z lewej storny na wysokosc 500px a do niej przylegaja od prawej 3 wiersze z tlem w roznych kolorach. Srodkowy wiersz ma na sztywno ustawiona wysokosc. Okazuje sie ze jesli zdazy sie sytuacja ze jedna warstwa przylaga do drugiej i w warstwie przylegajacej ustawi sie parametr height IE robi cos czego nie rozumiem i nie potrafie obejsc a mianowicie tworzy przerwe miedzy przylegajacymi do siebie warstwami.. tak jakbym procz height dal jeszcze margin-left:2px;. Kazda przegladarka interpretuje to poprawnie ale nie IE. Czy spotkal sie ktos z podobnym problemem? Ja kompletnie zglupialem i nie wiem jak to obejsc.

Zamieszczam jeszcze print screena z w/w kodem w IE
http://img291.imageshack.us/my.php?image=glupiie2dc6.jpg

Pozdrawiam.

ps. kod celowo uproszczony, nawet gdy strona poprawnie sie waliduje mam ten sam efekt

Ten post edytował Luciano 6.06.2007, 11:35:35


--------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Luciano
post 7.06.2007, 10:05:26
Post #2





Grupa: Zarejestrowani
Postów: 102
Pomógł: 1
Dołączył: 26.07.2006
Skąd: Londyn

Ostrzeżenie: (0%)
-----


Zaznaczylem ze tresc kodu celowo uproszczona, nawet z doctypem w pelni walidowany posiada ten sam blad (twoj kod rowniez daje ten efekt).
Co do kolegi wczesniej margina przez przypadek nie wykasowalem. Ponadto margin obok floatowanej warstwy ma bardzo sensowny powod.
Tak czy siak to wciaz nie dziala, mozna oszukac przegladarke i zorbic flaot left dla niebieskiej warstwy ale wtedy nie bedzie auto rozciagnieta do konca strony.

Tak czy siak wciaz nie dziala jak powinno.


--------------------
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 14:23