+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Złe wyświetlanie na mozilla firefox (/thread-zle-wy%C5%9Bwietlanie-na-mozilla-firefox)
Złe wyświetlanie na mozilla firefox - sobu - 29-07-2011
Witam, mam pewien problem z mozillą firefoxem. W przeciwieństwie do Google chrome błędnie wyświetla mi ten obrazek. Prosiłbym o pomoc.
Mozilla Firefox
![[Obrazek: one.JPG]](http://sobu.redhosti.pl/one.JPG)
Google Chrome
![[Obrazek: chrome.JPG]](http://sobu.redhosti.pl/chrome.JPG)
RE: Złe wyświetlanie na mozilla firefox - Pedro84 - 29-07-2011
Super. Wiesz czego w Twoim poście brakuje?
RE: Złe wyświetlanie na mozilla firefox - sobu - 29-07-2011
HTML
Kod:
<div id="galeria">
<div class="galtxt"> <a href="#" onclick="wb01(); return false;">Galeria zdjęć</a></div>
<div class="galtxt2"><a href="#" onclick="wb02(); return false;">Galeria wideo</a></div>
<div class="gal" id="wb01">
<div class="panlewy">
<div class="imgal"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
</div>
<div class="imgal2"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal2" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p> <div class="odnosnik" style="margin-top: 15px;"><a href="#">Przejdź do galerii zdjęć</a></div>
</div>
<div class="gal" id="wb02" style="display:none;">
<div class="panlewy">
<div class="imgal"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
</div>
<div class="imgal2"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal2" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p> <div class="odnosnik" style="margin-top: 15px;"><a href="#">Przejdź do galerii wideo</a></div>
</div>
<div class="gal" id="wb01" style="display:none;">
<div class="panlewy">
<div class="imgal"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
</div>
<div class="imgal2"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p>
<div class="imgal2" style="margin-left: -78px; margin-top: 50px;"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 15px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>
<div class="pangal"><div class="wiectxt2">23.06.2011 / 20:45</div></div>
<div class="pangal"><div class="wiectxt2">Komentarze:<a href="#"> <b>52</b></a></div></div>
<p></p> <div class="odnosnik" style="margin-top: 15px;"><a href="#">Przejdź do galerii zdjęć</a></div>
</div>
</div>CSS
Kod:
#galeria{
background:url('images/tlogal.png');
height:336px;
width:522px;
margin-left:10px;
margin-top:408px;
}
.galtxt{
margin-top:17px;
margin-left:27px;
position: absolute;
font-weight:bold;
}
.galtxt2{
margin-top:17px;
margin-left:137px;
font-weight:bold;
position: absolute;
}
.panlewy{
width:250px;
height:223px;
float: left;
margin-left:10px;
}
.imgal{
margin-top:60px;
float:left;
margin-left:0px;
}
.imgal2{
margin-top:60px;
float:left;
margin-left:20px;
}
.pangal{
background:url('images/galerpan.png');
width:153px;
height:31px;
float:right;
margin-top:5px;
margin-left:5px;
margin-right:6px;
}RE: Złe wyświetlanie na mozilla firefox - michalszyd - 29-07-2011
Fajnie jak byś jeszcze podał adres strony o ile jest w sieci?
RE: Złe wyświetlanie na mozilla firefox - sobu - 30-07-2011
RE: Złe wyświetlanie na mozilla firefox - Kartofelek - 30-07-2011
Kod:
<div class="imgal"><img src="images/fotgal.jpg"/></div>
<div class="pangal" style="margin-top: 60px;"><div class="wiectxt2"><a href="#"><b>Nottingham - Hull (8:0)</b></a></div></div>Typowy przykład znanej każdemu webmasterowi choroby. Nadmiarowość tagów to zła rzecz, ale z tego można się wyleczyć
U mnie w FF4 wszytstko jest rozwalone. Powodem jest złe pocięcie.
Co do twojego problemu:
Naprawdę nie wiem po co tak kombinować.
Masz na obrazku 4 bloki. Słownie cztery.
W każdym bloku masz 2 części - lewa i prawa.
Lewa to grafika (img - float left, width, height), prawa to blok (float:right, width, height; overflow:hidden) z 3 częściami (float:none, margin ect).
RE: Złe wyświetlanie na mozilla firefox - sobu - 30-07-2011
(30-07-2011, 00:26)Kartofelek napisał(a): Powodem jest złe pocięcie.
mógłbyś trochę jaśniej, bo wydawało mi się że dobrze pociąłem to
jak widać byłem w błędzie.
RE: Złe wyświetlanie na mozilla firefox - Kartofelek - 30-07-2011
I tutaj właśnie przydaje się dobry program do kodu. Żaden notepad++ ci tyłka nie uratuje, jeżeli nie pokazuje błędów w kodzie.
Wymienię kilka "czerwoniaków":
Kod:
<form action="szukaj"><div id="szukajka">
<input type="txt" id="szukaj"/> <div id="szukajj">Szukaj</div>
</form>Kod:
<div id="kom2">15</div>Kod:
<div id="news2">Kod:
<b>Użytkownik: </b>Kod:
<img src="images/pilkarz.png"/>Kod:
<a href="" target="_self">Strona głowna</a>Itp.
Ogólnie masz bardzo dużo powtórek ID. Chrom zwalił sprawę że to dobrze wyświetlił. Tym razem zwycięzcą jest FF.
Podsumowanie: bardzo niechlujny kod. Właściwie nieco zupa tagowa. Praktycznie zero formatowania, ułożenia kodu itp - przez co wychodzą kwiatki