Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Problem z float w IE7
gauss
post
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.11.2008

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

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....

Ten post edytował batman 22.08.2010, 14:16:38
Powód edycji: [batman]: [batman]:
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 10)
Daiquiri
post
Post #2





Grupa: Administratorzy
Postów: 1 552
Pomógł: 211
Dołączył: 7.07.2009
Skąd: NJ
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".

Ten post edytował Daiquiri 22.08.2010, 08:18:11
Go to the top of the page
+Quote Post
gauss
post
Post #3





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.11.2008

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

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
Go to the top of the page
+Quote Post
Armstrong
post
Post #4





Grupa: Zarejestrowani
Postów: 200
Pomógł: 40
Dołączył: 26.08.2009
Skąd: Kobiernice

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

dodaj position:relative; do floatów
Go to the top of the page
+Quote Post
gauss
post
Post #5





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.11.2008

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

Nie pomogło..
Go to the top of the page
+Quote Post
wookieb
post
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk
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.
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #7





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

Na moje wszystko OK może pokaż html pewnie ci jakiś selektor sprawia psikusa .
Go to the top of the page
+Quote Post
gauss
post
Post #8





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.11.2008

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

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]

Ten post edytował gauss 22.08.2010, 19:45:01
Go to the top of the page
+Quote Post
tehaha
post
Post #9





Grupa: Zarejestrowani
Postów: 1 748
Pomógł: 388
Dołączył: 21.08.2009
Skąd: Gdynia

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

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
Go to the top of the page
+Quote Post
Daiquiri
post
Post #10





Grupa: Administratorzy
Postów: 1 552
Pomógł: 211
Dołączył: 7.07.2009
Skąd: NJ
Wyłącz widok zgodności w IE i będzie OK (IMG:style_emoticons/default/smile.gif) .
Go to the top of the page
+Quote Post
gauss
post
Post #11





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 11.11.2008

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

@tehaha Pomogło!
Jaki to jest bezsens...
Dzięki wielkie

Ten post edytował gauss 22.08.2010, 11:39:27
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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