Heldan Napisano Maj 30, 2008 Zgłoś Share Napisano Maj 30, 2008 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 More sharing options...
Force Napisano Maj 30, 2008 Zgłoś Share Napisano Maj 30, 2008 a czym polega błąd, bo u mnie w ff(2.0.0.14) działa dobrze (przynajmniej nie wiem jak ma wyglądać jak jest źle) Baza tysięcy lotnisk: http://airportsbase.com Link do komentarza Udostępnij na innych stronach More sharing options...
Jason Napisano Maj 30, 2008 Zgłoś Share Napisano Maj 30, 2008 Przeglądarki inne niż IE... masz na myśli lynx'a ?? 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 More sharing options...
Heldan Napisano Maj 30, 2008 Autor Zgłoś Share Napisano Maj 30, 2008 Mam na myśli w szczególności operę i ff. Stopka nie pomaga a co do menu znalazłeś kolejny problem bo u mnie pod IE jest ok. Force obejrzyj stronę pod IE 7 a potem pood innymi... zobaczysz Link do komentarza Udostępnij na innych stronach More sharing options...
Force Napisano Maj 30, 2008 Zgłoś Share Napisano Maj 30, 2008 No dobra, jest różnica Baza tysięcy lotnisk: http://airportsbase.com Link do komentarza Udostępnij na innych stronach More sharing options...
krajew4 Napisano Maj 30, 2008 Zgłoś Share Napisano Maj 30, 2008 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 More sharing options...
Polecane posty
Zarchiwizowany
Ten temat jest archiwizowany i nie można dodawać nowych odpowiedzi.