Problem ze stroną na firefoxie... macie jakies pomysly?

[Galthar]

Witam!
Dzięki pomocy i waszym wskazówkom udało mi się rozwiązać kilka problmów. Strona juz istnieje i jak narazie spełnia swoją role. Potrzebuje jeszcze duzo modyfikacji i poprawek.

Lecz mam problem z firefoxem.. Sprawdzcie sami odpalcie na IE i na firefoxie i zauwazcie co sie dzieje z textem jak i ramkami...

TUTAJ

Dlaczego mozilla ignoruje plik style gdzie wypisane są dokładne wsółrzędne dla Divów jak i dla clasy .txt w ktorej ma sie znajdowac text.

Prosze o pomoc lub sugestie z waszej strony.
pozdrawiam

[Galthar]

Głównie chodzi mi o to ze firefox ignoruje style a dokładniej pozycjonowanie w divach.

Wypozycjonowalem Diva ktory elegancko dziala. a w nim kolejnego diva dla tesktu


HTML

Kod: Zaznacz cały

 <div id="main><div class="txt">

a w CSS wyznaczylem dokładnie width i height dla okna dla zawartosci.


Co sie dzieje?
Wszystko ignoruje.. tekst wyłazni poza okno. razem z suwakami...

Prosze o pomoc!!!

[Cyr4x]

Pozycjonowanie warstw jak najbardziej działa w Firefox, tylko trzeba to zrobić dobrze i zgodnie ze standardami w3c.

Jeżeli chodzi o pasek przewijania w div, to jest to wymysł Microsoftu i ani Opera, ani Firefox tego nie obsługują i długi tekst wyjeżdża poza.

Zresztą od czego jest validator.

[Galthar]

A według Ciebie co tutaj nie jest zgodne z WC3, oczywiscie nie pisz ze scrollbar bo to ja wiem. Ale chodzi m i o pozycjonowanie? heh?

To jest pozycjonowanie tla na okno main czyli na okno zawartosci. Wszystko jest elegancko za kazdym razem

Kod: Zaznacz cały

#main {
background: url('menu/main.jpg');
margin-left:auto;
width: 600px;
height: 625px;
text-align: center;
scrollbar-3dlight-color:F0DCC3;
scrollbar-arrow-color:black;
scrollbar-base-color:F0DCC3;
scrollbar-dark-shadow-color:black;
scrollbar-face-color:F0DCC3;
scrollbar-highlight-color:B48A58;
scrollbar-shadow-color:silver
border-style: solid;
}

Natomiast tutaj jest pozycjonowanie dla diva ktory formatuje text i wogole zawartosc.Jasno okreslona jest wielkosc okna w ktorej ma sie znajdowac tekst. Jednach FF ja ignoruje i to baardzo...

Kod: Zaznacz cały

.txt	{
text-align: center;
width: 575px;
height: 600px;
padding: 50px;
overflow:auto;
float: left;
}

[viraptor]

Chodzi ci o wyśrodkowanie div.txt?
W #main masz tylko margin-left. Podaj:
margin-left: auto;
margin-right: auto;
Innych różnic nie widze, a paska nie widze, bo mozilla mieści wszystko ładnie bez przewijania na jednej stronie.

[Galthar]

niestety nic to nie dało....
dodam jeszcze ze wszystko wrocilo do normy w FF gdy zmienilem width i height na mniejsze, jednak wtedy w IE sie przestawia. dlaczego tu i tu jest inaczej brana pod uwage wielkosc ramki?

[viraptor]

Zaraz. Powiedz DOKŁADNIE co jest nie tak w ff. Jedyna różnica, jaką widze, to to, że ramka .txt nie jest wyśrodkowana. To załatwia margin-right, bo sprawdzałem - zresztą w kodzie widać, że robisz tylko jeden margin, więc na środku nie może to wylądować.
O co dokładnie chodzi?

[Galthar]

Ok powiem jeszcze raz o co mi chodzi dokładnie...
W FF wyglada to tak


TEKST WYCHODZI na prawo i w dół za bardzo...

A na IE tak...



Jednak gdy dodam do kodu ktory odpowiada za zawartosc tekstu w divie w pliku style.css margin-right:auto; nic sie nie dzieje.

Natomiast gdy zmienie w w tym kodzie a wyglada on tak

Kod: Zaznacz cały

.txt	{
text-align: center;
width: 575px;
height: 600px;
padding: 50px;
overflow:auto;
float: left;

Width i height na mniejsze wszystko bedzie ok bo problem polega na tym ze firefox nie ignoruje wysrodkowanie. ALE WIELKOSC RAMKI... jak napisalem

szerokosc 575px i wysokosc 600px Firefox robi na ekranie (sprawdzilem hypercam) okno jakies 660na700 poprostu powieksza je ignoruje znaczniki width i height... formatuje wielkosc ramki pod zawartosc jak chce. Jezeli ktos chcialby to mogee zamieescic plik html i css aby mogl spojrzec swoim fachowym okiem


Jednak gdy zmniejsze te wielkosci wszystko wraca do normy jednak wtedy w IE wyglada koszmarnie pomniejszone...


Skoro ten div ktory jest formatowany wlasnie tym kodem znajduje sie w innym Divie ktory jest dokladnie oklreslony gdzie ma sie znajdowac nie potrzeba robic margin wyrownan...

Glowny kod ktory formatuje ten glowny div to polozenie bitmapy papirusa na srodek

STYLE.css

Kod: Zaznacz cały

#main {
background: url('menu/main.jpg');
margin-left:auto;
margin-right:auto;
width: 600px;
height: 625px;
text-align: center;
scrollbar-3dlight-color:F0DCC3;
scrollbar-arrow-color:black;
scrollbar-base-color:F0DCC3;
scrollbar-dark-shadow-color:black;
scrollbar-face-color:F0DCC3;
scrollbar-highlight-color:B48A58;
scrollbar-shadow-color:silver
border-style: solid;
}

i w tym dive znajduje sie zawsze cala zawartosc strony.

W HTML wyglada to tak:

Kod: Zaznacz cały

<div id="main" style="float:left;">
<div class="txt">

Zawartosc strony

</div>
</div>

[bwo]

Tutaj chodzi o padding, FF i Opera powieksza height i width o wartośc paddingu.
Czyli robisz tak:

Kod: Zaznacz cały

.txt   { 
text-align: center; 
width: 525px; 
height: 550px; 
padding: 50px; 
overflow:auto; 
float: left;

* html .txt   { 
text-align: center; 
width: 575px; 
height: 600px; 
padding: 50px; 
overflow:auto; 
float: left;

[Galthar]

Ok jako tako wysrodkowalo ale nie tak samo jak w IE i w dodatku tekst i zawartosc wyjezdza na max w dol...
w poprzednim poscie dodalem troche wyjasnien moze to pomoze.... zniknal wogole scroll


A zrobilem tak ze dodalem w style css

* html przed .txt

[bwo]

No to ustaw sobie odpowiednio width i height dla opery i FF. Ja Ci dokłądnej szerokości i wysokoście nie podam bo nie widze kodu.

[Galthar]

napisalem kod... jezeli to nie wystarczy przesle albo wstawie tutaj....

[bwo]

No to mówie daj to:

Kod: Zaznacz cały

.txt   { 
text-align: center; 
width: 525px; 
height: 550px; 
padding: 50px; 
overflow:auto; 
float: left; 

* html .txt   { 
text-align: center; 
width: 575px; 
height: 600px; 
padding: 50px; 
overflow:auto; 
float: left;

Oba, nie jeden i ustawiaj sobie wysokośc i długosc w tym bez * html

[Galthar]

Dziala
wpisalem oba... ustawilem na FF inne i na IE inne wartosci...
dzieki wielkie....



Gangsta jestes!!!

[bwo]

Nie ja tylko gościo, który obczaił tego hacka =] Swoją drogą to wykorzystuje go na każdej stronie... =]