Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> div pozycjonowanie wzgledem drugiego, jeden pod drugim FF nakladaja sie IE ok.
boya
post
Post #1





Grupa: Zarejestrowani
Postów: 287
Pomógł: 0
Dołączył: 26.02.2003
Skąd: Ow/Pn

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


Witam

Problem pojawia sie w przegladarce firefox ktora nie dopasowywuje sie do zlego lub blednego kodu css-a... o co chodzi


mam jednego diva
Kod
.r_1{width:530px;margin:0.4pc;float:left;text-align:justify;}

i zaraz pod nim kolejnego
Kod
.r_2{width:578px;margin-left:0.4pc;float:left;background-color: #383838;}


jak widac nie ma zdefiniowanych wysokosci diva r_1 totez jak napakuje do niego tresci to przyberze odpowiednia dlugosc, natomiast w firefoxie r_2 wpakowuje sie w srodek r_1 przez co nchodza na siebie, a w IE jest wszystko ok jeden pod drugim....

moze ktos juz meczyl tego typu problem ... prosze o pomoc bo chodzi mi o wypracowanie standardu
pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 9)
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Zrob element nadrzedny <div> o szerokosci najszerszego elementu w 'kolumnie'.

Wtedy beda sie zawijac.
Go to the top of the page
+Quote Post
Deviant
post
Post #3





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 15.04.2005
Skąd: Łódź

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


Jeśli chcesz aby te dwa div'y wyświetlały się jeden pod drugim to wyrzuć z css'a floaty.

Prawdopodobnie masz też jakiś nierawidłowy zapis w htmlu, pewnie brak lub niepoprawny doctype i stąd takie zachowanie przeglądarki.
Go to the top of the page
+Quote Post
boya
post
Post #4





Grupa: Zarejestrowani
Postów: 287
Pomógł: 0
Dołączył: 26.02.2003
Skąd: Ow/Pn

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


Rozwiazanie erixa nie przynioslo oczekiwanych efektow, postaram sie to rozlozyc pod caly szablon wtedy moze ruszy.

A co do wypowiedzi Deviant to type text/css zdaje sie byc odpowiedni pod css-a...
Go to the top of the page
+Quote Post
Deviant
post
Post #5





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 15.04.2005
Skąd: Łódź

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


Nie chodzi mi o typ dla css'a tylko dla dokumentu html/xhtml, np.
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd">
Go to the top of the page
+Quote Post
boya
post
Post #6





Grupa: Zarejestrowani
Postów: 287
Pomógł: 0
Dołączył: 26.02.2003
Skąd: Ow/Pn

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


to nic nie daje... mam to samo tylko na Transitional
Go to the top of the page
+Quote Post
siemakuba
post
Post #7





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

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


Cytat
to nic nie daje... mam to samo tylko na Transitional

akurat to czy masz Strict czy Transitional zmienia sposób interpretacji arkusza przez przeglądarke.

Jeżeli twoje elementy mają float ustawiony to nie będą ci się rozciągać zależnie od ilości treści w środku. (przynajmniej przy doctype Strict)

pozdr.
Go to the top of the page
+Quote Post
boya
post
Post #8





Grupa: Zarejestrowani
Postów: 287
Pomógł: 0
Dołączył: 26.02.2003
Skąd: Ow/Pn

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


w takim razie FF jest niereformowalny (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ...bede dalej kombinowal dzieki
Go to the top of the page
+Quote Post
erix
post
Post #9





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Cytat
Rozwiazanie erixa nie przynioslo oczekiwanych efektow, postaram sie to rozlozyc pod caly szablon wtedy moze ruszy.


Sprawdzalem! Dziala w Operze 9 i FF 1.5...
Chyba masz cos z reszta layoutu... :/

BTW: robilem w ten sposob:

  1. <div style="width: 600px;>
  2.  <div style="width:530px;margin:0.4pc;float:left;text-align:justify; display: block;">
  3.    sdfasjdlfas dfa sdfj lasj dlfjasl;kd jflkajs dljf;asdjf<br><br><br><br><br><br><br><br><br><br><br><br><br>dfdsf<br><br><br>dfsdf<br>
  4.  </div>
  5.  
  6.  <div style="width:578px;margin-left:0.4pc;float:left;background-color: #383838; display: block;">
  7.    sd jfsja d;fj as;lj dfas dfjasjd; fajsdsdfasjdlfas dfa sdfj lasj dlfjasl;kd jflkajs dljf;asdjf<br><br><br><br><br><br><br><br><br><br><br><br><br>dfdsf<br><br><br>dfsdf<br>
  8.  </div>
  9. </div>


Ten post edytował erix 15.05.2006, 14:24:04
Go to the top of the page
+Quote Post
Zajec
post
Post #10





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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


FF po prostu dobrze interpretuje to co ty napisałeś.

Daj link do dokuemntu z przykładem tego "dziwnego" zachowania.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.12.2025 - 00:12