Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem z float w IE7
Forum PHP.pl > Forum > Przedszkole
gauss
22.08.2010, 06:03:37
Witam, mam problem z 3 kolumnami w ie7, nie umiem znaleźć buga w necie dotyczącego ie7, wszystkie wskazują na taki problem w ie6.
Internet explorerem 6 jakby co się nie przejmuję.

A więc mając taki kod:

[CSS] pobierz, plaintext 
  1. .kol1 {
  2.     float: left;
  3.     width: 233px;
  4.     padding: 30px;
  5. }
  6. .kol2 {
  7.     float: left;
  8.     width: 233px;
  9.     padding: 30px;
  10.     margin-left: 30px;
  11. }
  12. #team .kol3 {
  13.     float: left;
  14.     width: 233px;
  15.     padding: 30px;
  16.     margin-left: 30px;
  17. }
[CSS] pobierz, plaintext


We wszystkich innych przeglądarkach wygląda to dobrze:

|kolumna|margines-lewy|kolumna|margines-lewy|kolumna|

a w IE7:

|kolumna|kolumna|margines-lewy|kolumna|

Proszę o jakieś pomysły....
Daiquiri
22.08.2010, 08:16:14
Quirks mode? Daj coś więcej, bo nie wiem która kolumna jest u Ciebie która itd. No i zauważ, że ostatnia wartość (.kol3) jest deklarowana "inaczej" i to ona właśnie u Ciebie "działa".
gauss
22.08.2010, 08:25:20
Rzeczywiście przed .kol3 nie powinno być #team. W kodzie u mnie przed każdą kolumną jest ten znacznik, ale tutaj chciałem Wam uprościć kod i zapomniałem to usunąć ze stylu przy trzeciej kolumnie.

Kolumny są od lewej do prawej, czyli pierwsza kolumna to .kol1, druga .kol2, trzecia kol3.

Chodzi mi o błąd polegający na zniknięciu marginesu 2 kolumny.

DOCTYPE mam taki:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html 
  2. 	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[HTML] pobierz, plaintext
Armstrong
22.08.2010, 08:31:42
dodaj position:relative; do floatów
gauss
22.08.2010, 10:19:21
Nie pomogło..
wookieb
22.08.2010, 10:21:09
1) Nie mamy całego htmla
2) Daj linka do strony to zobaczymy co jest nie tak bo inaczej możemy sobie dłubać w nosie.
krzysztof_kf
22.08.2010, 10:22:05
Na moje wszystko OK może pokaż html pewnie ci jakiś selektor sprawia psikusa .
gauss
22.08.2010, 11:14:04
Ok, wysłałem to co miałem na lokalu na serwer.

Zobaczcie w firefoxie i ie7: [stronkę usuwam, rozwiązanie poniżej działa]
tehaha
22.08.2010, 11:23:15
spróbuj tak:
[HTML] pobierz, plaintext 
  1. #team .kol1 {
  2.     background: #A9C2DA;
  3.     float: left;
  4. 	margin-right: 30px;
  5. }
  6. #team .kol2 {
  7.     background: #97BADA;
  8.     float: left;
  9. 	margin-right: 30px;
  10. }
  11. #team .kol3 {
  12.     background: #87AED2;
  13.     float: left;
  14. }
[HTML] pobierz, plaintext
Daiquiri
22.08.2010, 11:33:32
Wyłącz widok zgodności w IE i będzie OK smile.gif.
gauss
22.08.2010, 11:38:57
@tehaha Pomogło!
Jaki to jest bezsens...
Dzięki wielkie
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.