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

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


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


--------------------
muzyka
underground
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
babejsza
post 6.06.2007, 20:05:58
Post #2





Grupa: Zarejestrowani
Postów: 407
Pomógł: 1
Dołączył: 4.03.2003
Skąd: warszawa

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

Odpowiedź treści kodu winksmiley.jpg.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html lang="pl">
  3.  
  4. 	<head>
  5. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. 		<title>DODAJ DOCTYPE</title>
  7. 	</head>
  8.  
  9. 	<body>
  10. 		<div style="float: left; height: 500px; background-color: yellow; width: 100px; margin-right: 0px;">xxxxxx</div>
  11. 		<div style="background-color: red;">111</div>
  12. 		<div style="background-color: blue; height: 30px; margin-left: 100px;">222</div>
  13. 		<div style="background-color: green;">333</div>
  14. 	</body>
  15.  
  16. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Luciano   [HTML+CSS] IE + Float + Height = tajemniczy margines   6.06.2007, 11:29:10
- - barat   do warstwy z float dopisz display: inline; http:/...   6.06.2007, 13:10:44
- - Luciano   Dodanie display:inline nie pomoglo   6.06.2007, 13:30:35
- - barat   to dopisz do pozostałych z floatem... to musi w ko...   6.06.2007, 15:10:06
- - Luciano   Zapewniam Cie, ze z miejsca sprawdzalem rozne mozl...   6.06.2007, 15:30:36
- - jaskooo   A sprobuj w [HTML] pobierz, plaintext <div sty...   6.06.2007, 18:26:46
- - babejsza   Odpowiedź treści kodu . [HTML] pobierz, plaintext ...   6.06.2007, 20:05:58
- - Luciano   Zaznaczylem ze tresc kodu celowo uproszczona, nawe...   7.06.2007, 10:05:26
- - ^bmb   Wrzuć te 3 po prawej w odrębny element blokowy tez...   7.06.2007, 15:57:54

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 14:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn