+- 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: Strona na DIV-ach nie działa w IE i Operze (/thread-strona-na-div-ach-nie-dziala-w-ie-i-operze)
Strona na DIV-ach nie działa w IE i Operze - kazelot2000 - 01-08-2012
Witam
Zrobiłem prosty szkielet strony w oparciu na różnych kursach, posiada ona tez menu w css. Niestety menu nie działa w IE i operze, strona także sie rozjeżdża itd. Prawdopodobnie mój kody jest nie składny lub zawiera błędy niestety nie wiem co robić dalej. Napisałem ten post aby dowiedzieć się czegoś na ten temat, jakieś naprowadzenie bym mógł dalej ruszyć do przodu.
http://www.tatry2012.yoyo.pl/
Kod PHP:
<!--HEADER-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<TITLE></TITLE>
<link rel="stylesheet" href="styl.css" />
<link rel="stylesheet" href="style.css" />
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
</HEAD>
<BODY>
<div class="pole-typ01" border="0" cellpadding="0" cellspacing="0" alt="position: absolute; left:110px; top: 1px" style="position: absolute; left:110px; top: 1px">
<div id="logo"></div>
<div id="lewa">2</div>
<div id="prawa">
<ul class="fragu_menu">
<li><a href="file:///C:/Users/Ignat/Desktop/menu/index.html" id="forum">Forum</a></li>
<li><a href="" id="gracze">Gracze</a></li>
<li><a href="" id="lol">lol</a></li>
<li><a href="" id="informacje">lol</a></li>
<li><a href="" id="szlaki">louul</a></li>
<li><a href="" id="kontakt">lu</a></li>
</ul>
</div>
<div id="pasek"><br>2</div>
<div id="tresc"><br>2</div>
<div id="znaki"><br>2</div>
<div id="stopka"></div>
</div>
<!--FOOTER-->
</BODY>
</HTML>
<!--/FOOTER-->
css
Kod PHP:
body {
background-color:#294a9a;
color:white;
font-size:20px;
font-family:verdana;
text-align:justify;
}
.pole-typ01 {
background-color: #ddd;
border: 1px solid black;
height: 449px;
width: 1200px;}
#logo {
height: 239;
background: #50763b url(images/index_01.gif) repeat-x;
}
#lewa{
background: url(images/index_02.gif) repeat-x;
height:57;
width: 350px;
float: left;
}
#prawa {
background-color: #fff; width:850px;
}
#pasek {
background: #50763b url(images/index_04.gif) repeat-x;
height: 59;
}
#tresc {
background: url(images/index_05.gif) repeat-x;
height:419px;
width: 816px;
float: left;
}
#znaki{
background: url(images/index_06.gif) repeat-x;
height:419px;
width: 384px;
float: left;
}
#stopka {
height: 186;
background: #50763b url(images/index_07.gif) repeat-x;
clear: both;
}
menu css
Kod PHP:
ul.fragu_menu { overflow: hidden; height:497px; width: 1200px; }
ul.fragu_menu, ul.fragu_menu li { display: block; list-style-type: none; margin: 0; padding: 0; height: 57px;}
ul.fragu_menu li { float: left; }
ul.fragu_menu li a { background: url('menu.gif') no-repeat; height: 57px; display:inline-block; text-indent: -3000px; outline: none; }
ul.fragu_menu li a#forum { background-position: 0px 0; width: 98px; }
ul.fragu_menu li a#gracze { background-position: -98px 0; width: 168px; }
ul.fragu_menu li a#lol{ background-position: -266px 0; width: 141px;}
ul.fragu_menu li a#informacje{ background-position: -407px 0; width: 141px; }
ul.fragu_menu li a#szlaki{ background-position: -548px 0; width: 115px;}
ul.fragu_menu li a#kontakt{ background-position: -663px 0; width: 187px;}
ul.fragu_menu li a#forum:hover { background-position: 0px -57px; width: 98px; }
ul.fragu_menu li a#gracze:hover { background-position: -98px -57px; width: 168px; }
ul.fragu_menu li a#lol:hover { background-position: -266px -57px; width: 141px; }
ul.fragu_menu li a#informacje:hover { background-position: -407px -57px; width: 141px;}
ul.fragu_menu li a#szlaki:hover { background-position: -548px -57px; width: 115px; }
ul.fragu_menu li a#kontakt:hover { background-position: -663px -57px; width: 187px;
RE: Strona na DIV-ach nie działa w IE i Operze - camelrafal - 02-08-2012
Kod:
<li><a href="file:///C:/Users/Ignat/Desktop/menu/index.html" id="forum">Forum</a></li>powinnobyć mniej więcej coś takiego(chyba)
Kod:
http://tatry2012.yoyo.pl/forum/Kod:
<div class="pole-typ01" border="0" cellpadding="0" cellspacing="0" alt="position: absolute; left:110px; top: 1px" style="position: absolute; left:110px; top: 1px">wywal te wszystkie bordery cellpaddingi alty a styl napisz w stylu css
ul.fragu_menu
usuń szerokość width: 1200px;
Kod:
ul.fragu_menu { overflow: hidden; height:497px; }RE: Strona na DIV-ach nie działa w IE i Operze - Kartofelek - 02-08-2012
Kod:
alt="position: absolute; left:110px; top: 1px"alt - atrybut obrazka, który opisuje zawartość grafiki
Kod:
<!--HEADER-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">Kod:
<!--FOOTER-->
</BODY>
</HTML>
<!--/FOOTER-->Itp. Sporo tego miszmaszu. Dużo nauki przed tobą.
RE: Strona na DIV-ach nie działa w IE i Operze - kazelot2000 - 02-08-2012
Dziękuje za rady, działa już poprawnie pod Chrome, i opera, w IE jest jakiś armagedon.
Pytanie mam jeszcze o te "position: absolute; " wywaliłem to w kodzie html ale chciałbym aby strona, logo przylegało do górnej krawędzi strony, bez tego jest odstęp, rozumiem, że to mam ustawić w css, tylko pod jaki element strony, w jakim miejscu ?
RE: Strona na DIV-ach nie działa w IE i Operze - hieroshima - 02-08-2012
w IE jest armagedon bo twój kod to armagedon. IE ma problemy z poprawnie napisanymi stronami/aplikacjami, a Ty go męczysz takim czymś
RE: Strona na DIV-ach nie działa w IE i Operze - kazelot2000 - 02-08-2012
(02-08-2012, 17:45)hieroshima napisał(a): w IE jest armagedon bo twój kod to armagedon. IE ma problemy z poprawnie napisanymi stronami/aplikacjami, a Ty go męczysz takim czymś
Rozumiem, dlatego tez napisałem post na tym forum, aby dowiedzieć się co poprawić i w jakim kierunku podążać, czym dokładnie objawia się ten armagedon w tym kodzie.
RE: Strona na DIV-ach nie działa w IE i Operze - hieroshima - 03-08-2012
-kodowanie do zmiany na UTF-8
-uzupełnić title w head
-po co 2 style jak to taka prosta stronka?
- 1 div w body armagedon. Wypieprz border cellpaddingi i inne pierdoły. ALT!!!! Służy do tytułów obrazów, a u Ciebie do czego jest?
- masz 2 pliki css a i tak style dajesz bezposrednio do znaczników no bez przesady
- file:///C:/Users/Ignat/Desktop/menu/index.html <-- to nie jest prawidłowy link powinno być samo index.html
-footer to jest stopka strony, a nie znaczniki zamykajace body i cała strone
- puste divy też bardzo nieładnie
na cssa nie patrzyłem bo tam też chyba kombo 2 pliki zapełnione, a strona pusta...
RE: Strona na DIV-ach nie działa w IE i Operze - kazelot2000 - 03-08-2012
Zrobiłem tak jak powiedzieliście. Jest tylko problem z niewyświetlającym się menu w IE
http://ffffffffffffff.prv.pl/
Kod PHP:
<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl-pl" lang="pl-pl" >
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<TITLE>Tatry</TITLE>
<link rel="stylesheet" href="styl.css" />
</HEAD>
<BODY>
<div id="pole-typ01">
<div id="logo"></div>
<div id="lewa">2</div>
<div id="prawa">
<ul class="fragu_menu">
<li><a href="" id="forum">Forum</a></li>
<li><a href="" id="gracze">Gracze</a></li>
<li><a href="" id="lol">lol</a></li>
<li><a href="" id="informacje">lol</a></li>
<li><a href="" id="szlaki">louul</a></li>
<li><a href="" id="kontakt">lu</a></li>
</ul>
</div>
<div id="pasek"></div>
<div id="tresc"></div>
<div id="znaki"></div>
<div id="stopka"></div>
</div>
</BODY>
</HTML>
css i menu
Kod PHP:
body {
background-color:#294a9a;
color:white;
font-size:20px;
font-family:verdana;
text-align:justify;
margin:0;
padding:0;
}
#pole-typ01 {
width: 1200px;
margin: 0px 100px 0px 100px;
}
#logo {
height: 239px;
background: #50763b url(images/index_01.gif) repeat-x;
}
#lewa {
background: url(images/index_02.gif) repeat-x;
height:57px;
width: 350px;
float: left;
}
#prawa {
width:850px;
float: right;
background:url(../);
}
#pasek {
background: #50763b url(images/index_04.gif) repeat-x;
height: 59px;
clear:both;
}
#tresc {
background: url(images/index_05.gif) repeat-x;
height:419px;
width: 816px;
overflow: hidden;
float: left;
}
#znaki{
background: url(images/index_06.gif) repeat-x;
height:419px;
width: 384px;
float: right;
}
#stopka {
height: 186px;
background: #50763b url(images/index_07.gif) repeat-x;
clear: both;
}
ul.fragu_menu { overflow: hidden; height:497px; }
ul.fragu_menu, ul.fragu_menu li { display: block; list-style-type: none; margin: 0; padding: 0; height: 57px;}
ul.fragu_menu li { float: left; }
ul.fragu_menu li a { background: url('menu.gif') no-repeat; height: 57px; display:inline-block; text-indent: -3000px; outline: none; }
ul.fragu_menu li a#forum { background-position: 0px 0; width: 98px; }
ul.fragu_menu li a#gracze { background-position: -98px 0; width: 168px; }
ul.fragu_menu li a#lol{ background-position: -266px 0; width: 141px;}
ul.fragu_menu li a#informacje{ background-position: -407px 0; width: 141px; }
ul.fragu_menu li a#szlaki{ background-position: -548px 0; width: 115px;}
ul.fragu_menu li a#kontakt{ background-position: -663px 0; width: 187px;}
ul.fragu_menu li a#forum:hover { background-position: 0px -57px; width: 98px; }
ul.fragu_menu li a#gracze:hover { background-position: -98px -57px; width: 168px; }
ul.fragu_menu li a#lol:hover { background-position: -266px -57px; width: 141px; }
ul.fragu_menu li a#informacje:hover { background-position: -407px -57px; width: 141px;}
ul.fragu_menu li a#szlaki:hover { background-position: -548px -57px; width: 115px; }
ul.fragu_menu li a#kontakt:hover { background-position: -663px -57px; width: 187px; }