|
Ocena wątku:
- 1 głosów - średnia: 5
- 1
- 2
- 3
- 4
- 5
|
Złe wyświetlanie na mozilla firefox
|
Liczba postów: 4
Liczba wątków: 1
Dołączył: 29-07-2011
Reputacja:
0
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)
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja:
58
Super. Wiesz czego w Twoim poście brakuje?
Dobre samopoczucie w tym tygodniu sponsoruje cytat:
Cytat:Mogę tylko tylko na prawo i lewo ale na środek nie mogę.
Liczba postów: 4
Liczba wątków: 1
Dołączył: 29-07-2011
Reputacja:
0
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;
}
Liczba postów: 250
Liczba wątków: 39
Dołączył: 04-01-2009
Reputacja:
8
Fajnie jak byś jeszcze podał adres strony o ile jest w sieci?
Liczba postów: 4
Liczba wątków: 1
Dołączył: 29-07-2011
Reputacja:
0
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
30-07-2011, 00:26
(Ten post był ostatnio modyfikowany: 30-07-2011, 00:27 przez Kartofelek.)
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).
Liczba postów: 4
Liczba wątków: 1
Dołączył: 29-07-2011
Reputacja:
0
(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.
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
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>
Masz tutaj min 2 błędy.
Kod: <div id="kom2">15</div>
Zduplikowanie ID
To samo co wyżej
B?
Kod: <img src="images/pilkarz.png"/>
Brak atrybutów
Kod: <a href="" target="_self">Strona głowna</a>
Link bez hrefa i z dziwnymi znaczkami w tekście? A no tak - przecież masz zadeklarowane starodawne kodowanie
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
|
| Podobne wątki… |
| Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
|
Firefox zawiesza się |
sargon162 |
6 |
4,648 |
14-04-2021, 15:14
Ostatni post: mpire
|
| |
wyświetlanie zapytań |
przemysuaw |
1 |
2,154 |
18-03-2013, 03:47
Ostatni post: Engine
|
| |
zaokrąglone rogi - css - mozilla |
messi19125 |
6 |
5,182 |
02-01-2013, 00:37
Ostatni post: andrzejhi
|
| |
Wordpress- nierówne wyświetlanie wpisów |
mat2224 |
2 |
2,561 |
27-07-2012, 18:00
Ostatni post: mat2224
|
| |
Wyswietlanie obrazka po uploadzie |
GeoAce5 |
4 |
3,627 |
22-05-2012, 16:13
Ostatni post: Radian
|
Użytkownicy przeglądający ten wątek:
|
|
|
Sponsorzy i przyjaciele
|
|
|
Złe wyświetlanie na mozilla firefox
