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 źródłowy pliku style.css
Dziękuję z góry za pomoc
Pozdrawiam!
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!
