Skocz do zawartości

problem z interpretacją przeglądarek


Heldan

Polecane posty

Moim problemem jest niepoprawna interpretacja przez przeglądarki inne niż IE:

na validatorze nie ma błędów. obawiam się że problem jest gdzieś w pozycjonowaiu elemętów. Nie wiem czy strona jest ok w IE starszym niż 7.podaję aktualny kod i adres atrony na serwerze: http://egool.vcv.pl/

Zamieszczam kod:

index.html

 

<!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">
<head>
       <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
       <meta name="description" content="opis"/>
       <meta name="keywords" content="słowa, kluczowe"/>
       <meta name="robots" content="all" />
       <meta name="revisit-after" content="1 day" />
       <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
       <title> tytuł </title>

       <link rel="stylesheet" type="text/css" href="style.css"/>
       <link rel="stylesheet" type="text/css" href="top_menu.css"/>
</head>
<body>
 <div id="logo">
 <img src="grafa/logo.jpg" alt="logo"/>
 </div>

 <div id="menu">
                <ul id="menug">                 <li id="strona_glowna"><a href="index.php">Strona glowna</a></li>
                <li id="rozrywka"><a href="#">Rozrywka</a>                 <ul>
                <li><a href="#">Imprezy</a></li>                 <li><a href="#">Koncerty</a></li>
                <li><a href="#">Wydarzenia</a></li>                 <li><a href="#">Muzyka</a></li>
                <li><a href="#">Juwenalia</a></li>                 </ul>
                </li>                 <li id="sport"><a href="#">Sport</a>
                <ul><li><a href="#">Widzew</a></li>                 <li><a href="#">Łks</a></li>
                <li><a href="#">Budowlani</a></li>                 <li><a href="#">SMS</a></li></ul>
                </li>

                <li id="edukacja"><a href="#">Edukacja</a>                 <ul>
                <li><a href="#">Wykaz szkół</a></li>                 <li><a href="#">Biblioteki</a></li>
                <li><a href="#">Uniwersytet</a></li>                 <li><a href="#">Politechnika</a></li>
                </ul>                 </li>

                <li id="kultura"><a href="#">Kultura</a>
                <ul>                 <li><a href="#">Nie mam pojęcia</a></li>
                <li><a href="#">Wymysl cos sam</a></li>                 </ul>
                </li>

                <li id="turystyka"><a href="#">Turystyka</a>                 <ul>
                <li><a href="#">Piotrkowska</a></li>                 <li><a href="#">Dla przyjezdnych</a></li>
                </ul>                 </li>

                <li id="forum"><a href="#">Forum</a></li>
                </ul>
 </div>
 <div id="kreska">
 </div>
 <div id="kreska1">
 </div>

 <div id="tresc">

      <div id="l_kolumna">
                          <div id="news_glowne">
                               <div id="glowne_naglowek">
                               Główny news
                               </div>
                          <img src="grafa/glowny.jpg" alt="zdjecie"/>
                          tekst tekst tekst tekst tekst tekst
                          tekst tekst tekst tekst tekst tekst
                          </div><br/>
                          <div id="news_poboczne">
                          <div id="poboczne_naglowek">
                               Poboczne news
                               </div>
                          <img src="grafa/poboczne.jpg" alt="zdjecie"/>
                          <ul>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                          </ul>
                          </div>
                          <hr/>
                          <div id="news_galeria">
                          <div id="galeria_naglowek">
                               Fotogaleria
                          </div>
                          <img src="grafa/galeria/1.jpg" alt="zdjecie"/>
                          <img src="grafa/galeria/2.jpg" alt="zdjecie"/>
                          <img src="grafa/galeria/3.jpg" alt="zdjecie"/>
                          <img src="grafa/galeria/4.jpg" alt="zdjecie"/>
                          <img src="grafa/galeria/5.jpg" alt="zdjecie"/>
                          <img src="grafa/galeria/6.jpg" alt="zdjecie"/>
                          <img src="grafa/galeria/7.jpg" alt="zdjecie"/>
                          <img src="grafa/galeria/8.jpg" alt="zdjecie"/>
                          <img src="grafa/galeria/1.jpg" alt="zdjecie"/>
                          </div>
                          <hr/>
                          <div id="news_reklama">
                          REKLAMA<br/>
                          <img src="grafa/reklama.gif" alt="zdjecie"/>                           </div>
                          <hr/>
                          <div id="news_ankieta">
                          <img src="grafa/ankieta.gif" alt="zdjecie"/>
                          </div>
      </div>          
      <div id="p_kolumna">
                                           <div id="kalendarz">
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/><br/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/><br/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/><br/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/><br/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/>
                                           <img src="grafa/kalendarz/kartka.jpg" alt="zdjecie"/><br/>
                                           </div>
                                           </div> 
           <div id="news_imprezy">
                          <div id="imprezy_naglowek">
                               Rozrywka
                               </div>
                          <img src="grafa/rozrywka.jpg" alt="zdjecie"/>
                          <ul>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                          </ul>
           </div>
           <div id="news_sport">
                          <div id="sport_naglowek">
                               Sport
                               </div>
                          <img src="grafa/sport.jpg" alt="zdjecie"/>
                          <ul>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                          </ul>
           </div>
           <div id="news_edukacja">
                          <div id="edukacja_naglowek">
                               Edukacja
                               </div>
                          <img src="grafa/edukacja.jpg" alt="zdjecie"/>
                          <ul>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                          </ul>
           </div>
           <div id="news_kultura">
                          <div id="kultura_naglowek">
                               Kultura
                               </div>
                          <img src="grafa/kultura.jpg" alt="zdjecie"/>
                          <ul>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                          </ul>
           </div>
           <div id="news_turystyka">
                          <div id="turystyka_naglowek">
                               Turystyka
                               </div>
                          <img src="grafa/turystyka.jpg" alt="zdjecie"/>
                          <ul>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                              <li> jakies tam newsy</li>
                          </ul>
           </div>
      </div>


 <div id="stopka">
 <hr/>
 kontakt | prywatność | redankcja | szukamy redaktorów
 </div>

</body>
</html>

 

 

style.css

 

*{
margin: 0;
padding: 0;}
body{
 color: black;  padding: 0;
 margin: 0 auto;  width:800px;
 margin-top: 10px;}
#logo img{
  margin-right: auto;
 margin-left: auto;  display: block;
}
#l_kolumna {  height: 100%;
 width: 500px;  float: left;
 background-color: #FFFFFF;}
#p_kolumna {
 height: 100%;  width: 300px;
 float: right;  background-color: #FFFFFF;
}
* hr {  border-bottom:dashed 2px #CC0000;
}
#glowne_naglowek {  background-image: url("grafa/naglowek2.jpg");
 width: 500px;  height: 20px;
 color: #fff;  text-indent: 10px;
}
#sport_naglowek {  background-image: url("grafa/naglowek.jpg");
 width: 300px;  height: 20px;
 color: #fff;  text-indent: 10px;
}
#edukacja_naglowek {  background-image: url("grafa/naglowek1.jpg");
 width: 300px;  height: 20px;
 color: #fff;  text-indent: 10px;
}
#imprezy_naglowek {  background-image: url("grafa/naglowek1.jpg");
 width: 300px;  height: 20px;
 color: #fff;  text-indent: 10px;
}
#turystyka_naglowek {  background-image: url("grafa/naglowek1.jpg");
 width: 300px;  height: 20px;
 color: #fff;  text-indent: 10px;
}
#kultura_naglowek {  background-image: url("grafa/naglowek.jpg");
 width: 300px;  height: 20px;
 color: #fff;  text-indent: 10px;
}
#news_glowne img {float: left;
}
#news_sport img {float: left;
}
#news_edukacja img {float: left;
}
#news_imprezy img {float: left;
}
#news_turystyka img {float: left;
}
#news_kultura img {float: left;
}
#news_glowne{height: 160px;
}
#news_poboczne img {float: left;
}
#news_poboczne{height: 100px;
}
#poboczne_naglowek {  background-image: url("grafa/naglowek3.jpg");
 width: 500px;  height: 20px;
 color: #fff;  text-indent: 10px;
}
#galeria_naglowek {  background-image: url("grafa/naglowek2.jpg");
 width: 500px;  height: 20px;
 color: #fff;  text-indent: 10px;
}
#stopka {  float: left;
 width: 800px;  color: gray;
 font-size: 12px;}
* ul{
position:relative; left: 8px;
}
#p_kolumna ul{ position:relative;
left: 18px;}
#l_kolumna ul{
position:relative; left: 18px;
}
#news_reklama { color: gray;
font-size: 12px;}
#kreska{
width: 800px;height: 5px;
background-color: #b81f3b;}
#kreska1{
width: 800px;height: 5px;
background-color: #ffffff;}Ý÷ >Ú)éîrËÇ* {
margin: 0;
padding: 0;
}
#menug,
#menug ul {
list-style: none;
float: left;
border: 0px solid #fff;
}
#menug li {
position: relative;
float: left;
}
#menug a {
color: #fff;
font-family: tahoma, sans-serif;
font-size: 14px;
text-decoration: none;
font-weight: bold;
display: block;
float: left;
border: 1px solid #fff;
line-height: 22px;
height: 22px;
padding: 0 24px;
}
#menug li ul {
display: none;
}
#menug li:hover ul {
display: block;
position: absolute;
left: 50%;
top: 23px;
margin: 0 0 0 -71px;
width: 140px;
}
#menug li li {
float: none;
}
#menug li li a {
float: none;
font-size: 11px;
font-weight: normal;
padding: 0 6px;
line-height: 18px;
height: 18px;
}
/* and the colours */
#strona_glowna a {
background-color: #b81f3b;
}
#rozrywka a {
background: #b81f3b;
}
#edukacja a {
background: #b81f3b;
}
#sport a {
background: #b81f3b;
}
#kultura a {
background: #b81f3b;
}
#turystyka a {
background: #b81f3b;
}
#forum a {
background: #b81f3b;
}
#menug a:hover {
background-color: #f4bc0d;
}

Link do komentarza
Udostępnij na innych stronach

Przeglądarki inne niż IE... masz na myśli lynx'a biggrin.gif ??

Spróbuj dodać stopkę:

 

 #foot {
   position: relative;    border  : none;
   border-top:1px solid gray;    clear:both;
   margin  : 0px;    padding : 0px;
 }

 

BTW. z rozwijanego menu można wybrać tylko pierwszy element.

FIrefox 3 beta 5.

Link do komentarza
Udostępnij na innych stronach

Tez mialem kiedys z tym problem, znalazlem arta z roznicami IEinne przegladarki, czyli jak pisac strony aby bylo dobrze na wszystich przegladarkach, jest pare niuasow i sa wlasnei tam opisane, poszukaj ;]

My life for Aiur!

Link do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat jest archiwizowany i nie można dodawać nowych odpowiedzi.

×
×
  • Utwórz nowe...