+- 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: Problem w wyświetlaniem strony w Operze i Firefox (/thread-problem-w-wy%C5%9Bwietlaniem-strony-w-operze-i-firefox)
Problem w wyświetlaniem strony w Operze i Firefox - damiano2011 - 24-02-2009
Jest to mój pierwszy post na forum, więc witam wszystkich serdecznie
Mam pewien problem i mam nadzieję, że uzyskam tutaj pomoc. Otóż postanowiłem wgłębić się w temat programowania stron WWW za pomocą CSS. Zgodnie z poradami zawartymi w jednym z kursów internetowych stworzyłem taką sobie stronę ----> http://www.fcpajace.yoyo.pl
Głównym problemem jest to, że wszystko dobrze wyświetla się w IE, natomiast w Operze lub nowszej wersji Firefox, styl całej strony się psuje. Nie mam zielonego pojęcia dlaczego tak się dzieje, wszystkie klasy zdefiniowałem tak jak pokazują kursy CSS i po woli się zniechęcam do działania. Mam nadzieję, że ktoś potrafi mi wytłumaczyć co jest przyczyną błędnego wyświetlania strony przez nowsze przeglądarki.
Kod źródłowy pliku index.html mojej strony
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<meta HTTP-EQUIV="Creation-date" CONTENT="2002.03.16">
<meta HTTP-EQUIV="Reply-to" CONTENT="adres zwrotny">
<meta NAME="Description" CONTENT="opis dokumentu">
<meta name="Author" content="D&J GROUP">
<link rel="stylesheet" href="style.css" type="text/css">
<title>ŁódĽ</title>
</head>
<body>
<table width="770" height="100px" cellpadding="0" cellspacing="0" background="images\logo.jpg">
<tr>
<td> </td>
</tr>
</table>
<table width="770" cellpadding="0" cellspacing="0">
<tr>
<!--MENU-->
<td class="menu">
<p class="menu1">Menu:</p>
<p class="menu2">
<a href="index.html" class="lewe"> Strona główna </a>
<a href="klub.html" class="lewe"> Klub </a>
<a href="historia.html" class="lewe"> Historia </a>
<a href="sklad.html" class="lewe"> Skład </a>
<a href="galeria.html" class="lewe"> Galeria </a>
<a href="multimedia.html" class="lewe"> Multimedia </a>
</p>
</td>
<!--TRE¦Ć STRONY-->
<td class="txt"> <p class="tytul">FC Pajace ŁódĽ</p>
<p class="tresc">Witamy na stronie klubu FC Pajace ŁódĽ</p> </td>
</tr>
</table>
<table width="770" cellpadding="0" cellspacing="0">
<tr>
<td> <p class="stopka">Copyright © 2009 D&J Group</p> </td>
</tr>
</table>
</body>
</html>Kod źródłowy pliku style.css
Kod:
body {background-color: #333CC3; text-align: center;
scrollbar-3dlight-color:silver;
scrollbar-arrow-color:white;
scrollbar-base-color:#333CC3;
scrollbar-dark-shadow-color:#333CC3;
scrollbar-face-color:#333CC3;
scrollbar-highlight-color:white;
scrollbar-shadow-color:silver; }
table {margin-left: auto; margin-right:auto;
td {vertical-align: top;}
td.menu {
border-left: 1px solid white;
width:160;
background-color: #399CC3;}
td.txt {
border-left:3px solid #FCC33F;
border-right:1px solid white;
border-top:0px solid #FCC33F;
border-bottom:0px solid #FCC33F;
background-color: white;}
td.gorne {
padding: 25px 0 25px 0;
border-top: 1px solid white;
border-right:1px solid black;
border-left:1px solid white;
background-color: #AFB4C0;}
ul.klasa1 {list-style-type: square;}
p.menu1 {
color: white;
margin: 10 10px 0 10px;
font-size: 9pt;
padding: 2px 0 2px 10px;
font-weight: bold;
text-align: left;
font-family: verdana,tahoma,helvetica,sans-serif;
background-color:#333CC3;
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 5px 10px;
font-size: 9pt;
padding: 0 0 0 0;
background-color: white;
text-align: left;
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: 10pt;
text-align: center;
border-bottom: 1px solid white;
border-top: 3px solid #FCC33F;
border-right: 1px solid white;
border-left: 1px solid white;
background-color: #399CC3;}
p.tytul {
border-left:1px solid #333333;
border-right:1px solid #333333;
border-top:1px solid #333333;
font-family: arial,tahoma,helvetica,sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: justify;
margin: 10px 5px 0 10px;
padding: 5px 10px 5px 10px; }
P.tresc {
border-left:1px solid #333333;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
font-family: arial;
font-size: 9pt;
text-align: justify;
margin: 0 5px 10px 10px;
padding: 5px 10px 5px 10px; }
a {
text-decoration:none;
color: black}
a.lewe {
border-left: 1px solid white;
border-bottom: 1px solid white;
width:100%;
background-color: white;
display: block; }
a.lewe:hover {
background-color: #FCC33F;}
a.lewe:active {
background-color: #FDDA82;}Dziękuję z góry za pomoc
Pozdrawiam!
RE: Problem w wyświetlaniem strony w Operze i Firefox - dziamber - 24-02-2009
Wrrrr... kolejny raz napisze to samo, najpierw projektuj dla najnowszych przeglądarek
czyli FireFox czy Opera, a pozniej dostosuj ja do IE. Aha i w CSS sie nie programuje
RE: Problem w wyświetlaniem strony w Operze i Firefox - damiano2011 - 25-02-2009
Dobrze, to na przyszłość wiem, że się nie programuje w CSSie, ale to bardziej sprawa nazewnictwa, chyba, czy jak kto woli, lecz dziękuję za cenną uwagę.
Czytałem tę Twoją wypowiedź już wcześniej
Tylko mi bardziej zależało na tym w jaki sposób ma to wyglądać, gdyż nie mam pojęcia nawet co robię źle i tutaj jest chyba glówny problem. Czy potrafi ktoś udzielić jakiś porad jak powinno się zmienić kod źródłowy, aby OPERA mogła wyświetlić tę stronę? Używam jakiś przestarzałych metod pisania kodu? Czy może jest jakis inny powód tego?
RE: Problem w wyświetlaniem strony w Operze i Firefox - dziamber - 25-02-2009
Tak tabele to przeszłośc zastąp je divami
RE: Problem w wyświetlaniem strony w Operze i Firefox - Labsta.com - 03-03-2009
Hej.
Faktem jest że tabelki są lekko starodawne.
Twój problem to: brak nawiasu }
jest tak:
table {margin-left: auto; margin-right:auto;
ma być tak:
table {margin-left: auto; margin-right:auto;}
Pozdrawiam
P.S.
Zamiast
<table height="100" width="770" cellspacing="0" cellpadding="0" background="images\logo.jpg">
inny ukośnik w scieżce pliku
<table height="100" width="770" cellspacing="0" cellpadding="0" background="images/logo.jpg">