Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS]Strona inaczej wygląda po wrzuceniu na serwer - Wersja do druku

+- 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ł: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS]Strona inaczej wygląda po wrzuceniu na serwer (/thread-css-strona-inaczej-wyglada-po-wrzuceniu-na-serwer)

[CSS]Strona inaczej wygląda po wrzuceniu na serwer - faust - 05-02-2010

Witam zrobiłem stronę, wysłałem na serwer republika, W przeglądarkach firefox, opera, google chrome i safari wygląda strona tak samo jak na komputerze, jednak na IE 8 wygląda ona inaczej niż na komputerze (chociaż jak włączałem stronę z dysku poprzez IE 8 to wyglądała tak samo). Stopka jest jakaś rozjechana. Jeśli ktoś wie w czym tkwi problem niech pisze.
Kod css
Kod:
body {
    text-align:center;
    margin:0 auto;
    position:relative;
    }
html, body {
    font-family:Arial, Helvetica, sans-serif;
    background:url(body.jpg);
    margin: 0;
    padding: 0;
}

#top {
    width: 840px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

#NAGLOWEK {width:840px; height:300px; background:url(n.png);
}


#MENU {
    width: 158px;
    height:500px;
    float: left;
    overflow: hidden;
    background:url(menu.png);
    border:8px solid #FFFFFF;
}

#TRESC {
    width:658px;
    height:500px;
    float: left;
    overflow: hidden;
    background-color:#FFFFFF;
    overflow:auto;
    border-top:8px solid #FFFFFF;
    border-right:8px solid #FFFFFF;
    border-bottom:8px solid #FFFFFF;
}

#STOPKA {
    clear: both;
    overflow: hidden;
    width:824px;
    height:50px;
    background:#000000;
    border-top:8px solid #FFFFFF;
    border-bottom:8px solid #FFFFFF;
    border-left:8px solid #FFFFFF;
    border-right:8px solid #FFFFFF;
    font-size:13px;
    color:#FFFFFF;
}

#STOPKA p {text-align:left; padding:10px;
}
#STOPKA p em {float:right;
}
    
ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    
}

ul li {
    width: 158px;
    border-bottom:#000000 solid 2px;

}

ul a:link, ul a:visited {
    display: block;
    width: 158px;
    text-decoration: none;
    padding: 10px 10px;
    font-weight: bold;
    color:#000000;
}

ul a:hover {
    background-color: #797;
    color: #eff;
}


h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif
    }
    
h1,h2 {
    text-align:center;
    }
h3 {font-size:1em; line-height:2em;
    
    }
h4 {
    font-size:.8em; line-height:1.8em;
    margin-left:.3em; margin-right:.3em
    }

h5 {text-align:left; font-size:1.2em; line-height:1.5em;
    }

#TRESC img {float:left; margin-right:15px;}




a {
    text-decoration:none;
    color:#FFFFFF;
    }

table.basic_lines {
    width:640px;
    border-top:3px solid #069;
    float:left;
    text-align:left;
    color:#000000;
    border-collapse:collapse;
    border-top:3px solid #990000;
    font-family:Arial, Helvetica, sans-serif;
    }
table.basic_lines caption {
    margin-bottom:6px;
    }
table basic_lines td, table.basic_lines th {
    padding:5px 3px;
    }
table.basic_lines th {
    border-bottom:2px solid #069;
    }
table.basic_lines td {
    border-bottom:1px solid #069;
    }
table.basic_lines td {
    background-color:#FFFFFF;
    }
table.basic_lines th {
    background-color:#FFFFFF;
    }
table.basic_lines th[scope="col"] {
    background-color:#FFFF99;
    }
table.basic_lines td, table.basic_lines th {padding:3px;
    border-bottom:2px solid #990000;
    }
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
<link href="style.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top">
  <div id="NAGLOWEK">
  </div>
  <div id="MENU">
    <ul>
      <li><a href="index.html">O nas</a></li>
      <li><a href="menu.html">Menu</a></li>
      <li><a href="galeria.html">Galeria</a></li>
      <li><a href="promocje.html">Promocje</a></li>
      <li><a href="kontakt.html">Kontakt</a></li>
    </ul>
    <h4><br />
    </h4>
    </div>
  <div id="TRESC">
    <object type="application/x-shockwave-flash"
        data="flash.swf"
        style="width: 658px; height: 280px;">
        <param name="movie"
            value="flash.swf" />
        <param name="quality"
            value="best" />
            <p>Brak zainstalowanego plugina</p>
           </object>
        <h3>tresc<br />
           tresc<br  /> oraz napoje.<br />
           tresc<br />
           tresc.</h3>
  </div>
  <div id="STOPKA">
   <p>&copy; Copyright <a href="http://google.com" title="nazwa fimry"><em><a href="http://" title="">created by ....com</a></em></a></p>
  </div>
</div>
</body>
</html>


RE: Strona inaczej wygląd po wrzuceniu na serwer - Labsta.com - 05-02-2010

Mam prośbę: zacznij się stosować do regulaminu
http://www.webmastertalk.pl/wazne-jak-zakladac-tematy-t-2552.html

Dzięki Smile

RE: Strona inaczej wygląd po wrzuceniu na serwer - faust - 05-02-2010

(05-02-2010, 19:07)Labsta.com napisał(a): Mam prośbę: zacznij się stosować do regulaminu
http://www.webmastertalk.pl/wazne-jak-zakladac-tematy-t-2552.html

Dzięki Smile
No przecież się stosuje do regulaminu (coś źle napisałem?)

RE: [CSS]Strona inaczej wygląd po wrzuceniu na serwer - Labsta.com - 05-02-2010

Chodzi mi o formatowanie kodu i tytułów. Poprawiłem już to, ale tak na przyszłość to ułatw mi życie i zwiększ szanse na to, że ktoś przeczyta Twój post i pomoże.
Nie wiem co znaczy "jakaś rozjechana", ale z tego co widzę musisz sprawdzić walidację tego kodu. W stopce otwierasz <a> potem <em> potem znów <a>, a potem wszystko zamykasz. Nie da rady umieścić linka w linku.

RE: [CSS]Strona inaczej wygląd po wrzuceniu na serwer - faust - 05-02-2010

Stronę sprawdzałem walidatorem w dreamwawer, a także mam zainstalowany dodatek do firefox web developer, ani dremwawer ani web developer nie pokazują błędów w kodzie. Próbowałem również usunąć wszystko ze stopki żeby pozostała pusta ale to też nic nie dało.

RE: [CSS]Strona inaczej wygląd po wrzuceniu na serwer - razorskate - 05-02-2010

Walidator na w3.org niby nie pokazuje błędów. . . Może podaj link do stronki ? Bo ciężko pomóc, nie widząc problemu na własne oczy Wink

RE: [CSS]Strona inaczej wygląd po wrzuceniu na serwer - faust - 05-02-2010

(05-02-2010, 20:13)razorskate napisał(a): Walidator na w3.org niby nie pokazuje błędów. . . Może podaj link do stronki ? Bo ciężko pomóc, nie widząc problemu na własne oczy Wink
Link do stronki:
www.testingweb.republika.pl
We wszystkich przeglądarkach działa tak samo jedynie w IE 8 nie wygląda tak samo w IE 8 nie wyświetla się również mapka google tylko szara plama.