MozillaPL.org - polskie centrum Mozilli

Główne menu:

Źle wyświetlany styl CSS poprzez IE FF i Chrome

Dyskusje na temat standardów WWW i zgłoszenia stron niedziałających poprawnie w przeglądarkach z rodziny Mozilli (w tym Mozilla Firefox)

Moderator: Pomocy?!

Źle wyświetlany styl CSS poprzez IE FF i Chrome

Postautor: Nastmer » 17 lutego 2011, 01:06

Przeglądarka: Opera/9.80 (Windows NT 6.1; U; pl) Presto/2.7.62 Version/11.01

Witam, robię stronę przy pomocy CSS, który dopiero co poznałem i poznaje. Strona ma źle wyswietla sie w przeglądarkach: IE,FF i Chrome, zaś w operze działa prawidłowo.W innych przeglądarkach nietestowałem strony. Nie wiem dlaczego tak się dzieje. Proszę o pomoc.
Link do tejże strony : http://nastmer.awsome.pl/index2.html
podaje kod css i html

CSS
Kod: Zaznacz cały
BODY {
background-image: url("liwbc.jpg");
background-attachment: -scroll, fixed;
text-align: center;


scrollbar-3dlight-color:silver;
scrollbar-arrow-color:black;
scrollbar-base-color:white;
scrollbar-dark-shadow-color:black;
scrollbar-face-color:white;
scrollbar-highlight-color:silver;
scrollbar-shadow-color:silver;

cursor: url("cursor.ani"),crosshair;

td {
vertical-align: top;}

td.menu {
border-left:1px groove white;
width:160;
background-color: #AFB4C0;}

td.txt {
border-left:1px groove white;
border-top:1px groove white;
border-bottom:1px groove white;}

td.gorne {
padding: 25px 0 25px 0;
border-top: 1px groove white;
border-right:1px groove black;
border-left:1px groove white;
background-color: #AFB4C0;}






}

table {
margin-left: auto;
margin-right: auto;
background-attachment: -scroll, fixed; }




ul, ul li {
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
}

ul {
   float: left;
   background-color: black;
   padding: 1px 0 1px 1px;
   border: 1px groove red;
}

ul li {
   float: left;
}

ul a:link, ul a:visited {
   text-decoration: none;
   display: block;
   font-weight: bold;
   background: black url("tlo.gif") repeat-x center;
   color: red;
   padding: 10px 20px;
   border-right: 1px solid black;
   border-right: 1px solid black;
}

ul a:hover {
   background-color: red;
   background-image: url("tlo2.gif");
   color: black;
}





P.menu1 {
margin: 10px 10px 0 10px;
font-size: 9pt;
padding: 2px 20px 2px 0;
font-weight: bold;
text-align: right;
font-family: verdana,tahoma,helvetica,sans-serif;
background-color:#B1BBBE;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-top: 1px solid white;}

P.menu2 {
margin:0 10px 0 0;
font-size: 9pt;
padding: 0;
text-align: right;
font-family: verdana,tahoma,helvetica,sans-serif;
border-right: 1px solid white;}

P.stopka {
margin: 0;
padding: 10px 1px 1px 1px;
font-family: arial;
font-size: 7pt;
color: white;
text-align: center;
border-bottom: 1px solid white;
border-right: 1px solid white;
border-left: 1px solid white;
background-color: black;}


p.tytul {
background-image:  url("Konachan(1400)kolor2.jpg");
background-attachment: -scroll, fixed;
font-family: arial,tahoma,helvetica,sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: justify;
margin: 0;
padding: 10px; }


P.tresc {
background-image:  url("Konachan(1400)kolor.jpg");
background-attachment: -scroll, fixed;
font-family: arial;
font-size: 9pt;
text-align: justify;
margin: 0 ;
padding: 10px; }


DIV#cont {
border: 1px solid #333333;
margin: 10px;
padding: 0; }




p.gora {
background-image: url("banner3(1400).png");
font-size: 15pt;
padding: 25px 0 200px 0;
font-family: verdana,tahoma,helvetica,sans-serif;
text-align: center;}


a {
text-decoration:none;
color: black}


a.lewe {
border-left: 1px solid white;
border-bottom: 1px solid white;
width:90%;
background-color:#CBD1D3;
display: block; }

a.lewe:hover {
background-color: white;}



html
Kod: Zaznacz cały
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Love Is War</title>


<meta http-equiv="Expires" content="0" />
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate" />
<meta http-equiv="Cache-Control" content="post-check=0, pre-check=0" />
<meta http-equiv="Pragma" content="no-cache" />

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<meta name="Author" content="Nastmer" />

<link rel="stylesheet" href="style3.css" type="text/css" />
</head>
<body>

<table width="1400" cellpadding="0" cellspacing="0">
<tr>
<td>

<p class="gora"></p>

</td>
</tr>
</table>

<table width="1400" cellpadding="0" cellspacing="0" background="Konachan(1400)kolor3.jpg">
<tr>
<td class="menu">



<ul class="menu_poziome_b menu_poziome3">
<li><a href="style.css">Pierwsza pozycja</a></li>
<li><a href="listy.html">Druga pozycja</a></li>
</ul>


</td>
</tr><tr>
<td class="txt">
<div id="cont">
<p class="tytul"><span style="background-color: red;">Love Is War</span></p>
<p class="tresc"><span style="background-color: black; color: white;">Miłość jest wojną, nie każdy o tym wie!<br>
Ta piosenka pokazuje jakim uczuciem jest miłość.<span>
<table background="Konachan(1400).jpg" >
<tr>
<td><span style="background-color: white;">Hatsune Miku - Love Is War<span><br>
<iframe title="YouTube video player" width="300" height="200" src="http://www.youtube.com/embed/MPQk1oKYIoo?rel=0" frameborder="0" allowfullscreen></iframe>
</td>
<td><span style="background-color: white;">Hatsune Miku - Love Is War (Cover by Fye)<span><br>
<iframe title="YouTube video player" width="300" height="200" src="http://www.youtube.com/embed/2aUncIe3nE8?rel=0" frameborder="0" allowfullscreen></iframe>
</td>
<td><span style="background-color: white;">Hatsune Miku - Love Is War (Polski fandub by ZUZZANECZKA)<span><br>
<iframe title="YouTube video player" width="300" height="200" src="http://www.youtube.com/embed/S81HJHiEGuM?rel=0" frameborder="0" allowfullscreen></iframe>
</td><tr>
<td><span style="color: white; background-color: black;font-size: 24px;">
Tekst piosenki:
</span><span style="background-color: white;">
<br>Mou ikiba ga nai wa
<br>kono koi no netsuryou
<br>Ahh...
<br>
<br>haiiro no kumo
<br>MONOCHROME no kensou
<br>hizashi wa kageri
<br>yuugure wa iro wo keate iku
<br>aa, sekai ga nijin de
<br>soredemo suki de irareru ka nande
<br>wakatteru
<br>kedo dou sureba ii mo
<br>doshikata
<br>dou sureba
<br>Baka da na
<br>
<br>Watashi
<br>Hajimeru yo no
<br>Kore ga sensou
<br>Ureshi sou na kimi wo miru nante
<br>setsu naru koi
<br>Sore wa tsumi
<br>Misete aeru
<br>Watashi wo omoi wo
<br>
<br>saken de mita
<br> MEGAPHONE wa kowareteta no
<br>dore dake senobi shitatte
<br>kimi no shikai ni hiranai
<br>aa, itsumomanika hareta sora
<br>zenzen niawanai
<br>kimochi ga osaerare nakute
<br>doshitara
<br>dou sureba
<br>Naite nanka
<br>nain dakara ne
<br>
<br>Daisuki
<br>tatakai no yo
<br>HEART no ute
<br>shoudan nante eran de rarenai
<br>SKIRT hirari misetsukeru no yo
<br>kimi no shisen ubatte miseru no
<br>
<br>geigeki youi
<br>genkyou wa imada furu nano desu
<br>koi wa moumoku
<br>kimi no kuchizuke de mo ga sameru no</span>
</td>
<td><span style="color: white; background-color: black;font-size: 24px;"><br>
Tłumaczenie piosenki:
<br>(nie znalazłem słów do fanduba)
</span><span style="background-color: white;">
<br>Nie ma gdzie się udać
<br>w upale tej miłości.
<br>Ahh...
<br>
<br>Jesionowe szare chmury.
<br>Monochromatyczny zgiełk.
<br><br>Swiatło słońca odlewa na mnie cienie.
<br>Kolory wieczora
<br>rozpoczynają zmianę.
<br>Ahh... Świat zaciera...
<br>Tak czy inaczej wciąż Cię kocham.
<br>Zrealizuję to.
<br>Ale co mam robić?
<br>Czy powinnan była zrobić to, co uczyniłam?
<br>Co mam robić?
<br>Co za głupstwo.
<br>
<br>Ja...
<br>To początek.
<br>To jest wojna.
<br>Jak mogę widzieć Cię szczęśliwym z kimś innym?
<br>To poważna miłość.
<br>To jest zbrodnia.
<br>Pokażę Ci co czuję.
<br>
<br>Próbowałam krzyczeć,
<br>mój megafon się rozsypał.
<br>Ile jeszcze muszę dochodzić że
<br>tęsknota jest na Twoich oczach.
<br>Ale ty nie widzisz mnie.
<br>Ahh... Przedtem wiedziałam, że niebo jest czyste.
<br>Nie odpowiem na wszystko.
<br>Nie potrafię kontrolować tych uczuć.
<br>Czy powinnan była zrobić to, co uczyniłam?
<br>Co mam zrobić?
<br>Ja nie płaczę.
<br>I nie zapłaczę.
<br>
<br>Kocham Cię.
<br>Prowadzimy wojnę,
<br>która atakuje moje serce.
<br>Bez jakiegokolwiek wyboru.
<br>Pokażę Ci swoją spódniczkę,
<br>trzepoczącą na wietrze.
<br>Skupię na sobie Twój wzrok.
<br>
<br>Przygotuję się do zasadzki.
<br>Moje siły są wciąż w gorszej sytuacji.
<br>Miłość jest ślepa.
<br>Ale Twój pocałunek otworzy mi oczy.</span>


</td></tr>
</tr></table>
</p>
</div>





</td>
</tr>
</table>

<table width="1400" cellpadding="0" cellspacing="0">
<tr>
<td>
<p class="stopka">© 2010-20011 copyright by Nastmer</p>
 </td>
</tr>
</table>

</body>
</html>
Nastmer
 
Posty: 1
Z nami od: 16 lutego 2011, 12:46
Lokalizacja: Szczecin

Odp: Źle wyświetlany styl CSS poprzez IE FF i Chrome

Postautor: Tomek » 17 lutego 2011, 07:46

Przeglądarka: Mozilla/5.0 (Windows NT 5.1; rv:2.0b12pre) Gecko/20110216 Firefox/4.0b12pre

Przede wszystkim masz błędy w kodzie html i css (te z css nie są aż tak istotne - ale mogą mieć wpływ na działanie). Także na początek popraw błędy.
Poza tym -
robię stronę przy pomocy CSS
- a ja tam widzę aż 3 tabele przy kompletnym braku danych tabelarycznych. Także stronę robisz na tabelkach, posiłkując się css.... a to duża różnica...
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9049
Z nami od: 19 sierpnia 2004, 06:52

Odp: Źle wyświetlany styl CSS poprzez IE FF i Chrome

Postautor: _Puma_ » 13 marca 2011, 11:04

Przeglądarka: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0) Gecko/20100101 Firefox/4.0

Masz w css jedno zamknięcie nie w tym miejscu, po body brak zamknięcia i to pewnie jest główny powód.
_Puma_
 
Posty: 702
Z nami od: 31 października 2005, 19:34


Wróć do Standardy WWW i źle działające strony

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], Google [Bot]

cron
Przejdź do powiązanej strony

Nawigacja:

Stopka: