+- 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: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF (/thread-html-css-prosze-o-sprawdzenie-kodu-strona-rozjezdza-sie-pod-ie-i-ff)
Strony:
1
2
[HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - emes - 12-03-2010
Witam
Mam pewien problem zrobiłem stronę w HTML + CSS i strona działa poprawie w google chrome a pod FF i IE już nie . Myślę że coś namieszałem w kodzie proszę o sprawdzenie .
Cod HTML
Kod:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>tytuł</title>
<meta name="description" content="--" >
<meta name="keywords" content="www " >
<link href="style.css" rel="stylesheet" type="text/css" >
</head>
<body>
<div id="main"> <div id="middle">
<div id="gora"></div>
<div id="menu"><br>
<a href="index.html">Strona główna </a> |
<a href="alg.html">Algebra </a>|
<a href="geo.html">Geometria </a>|
<a href="ary.html">Arytmetyka </a> </div>
<div id="srodek"></div>
<div id="lew"></div>
<div id="pra"></div>
<div id="wew">Witajcie na mojej stronie </br>Znajdziedzie tu pomoce naukowe takie jak wzory i definicje z dziedziny matematyki .</div>
<div id="dol"></div>
</div></div>
</body>
</html>Kod:
body {
font-family: Verdana, Arial ;
font-size: 12 px;
color: white;
background-color: #262525 ;
background-repeat: repeat;
margin:0px;
padding:0 px;
text-align:center;
}
a {color: white;
text-decoration:none;
}
#main{
width:800 px ;
padding:0px;
margin: 0 auto;
}
#gora{
padding: 0 px;
height: 113 px;
background-image:url(Obrazki/szablon_01.gif);
}
#menu{
padding: 0 px;
height: 40 px;
background-image:url(Obrazki/szablon_02.gif);
}
#srodek{
padding:0 px;
height:209;
background-image:url(Obrazki/szablon_03.gif);
}
#lew{
float:left;
padding:0 px;
background-image:url(Obrazki/szablon_04.gif);
width:150 px;
height:390 px;
}
#wew{
float:center;
padding:0 px;
width: 700 px;
height:390 px;
background-image:url(Obrazki/szablon_05.gif);
}
#pra{
float:right;
padding:0 px;
background-image:url(Obrazki/szablon_06.gif);
width:152 px;
height:390 px;
}
#dol{
padding:0 px;
height:45 px;
background-image:url(Obrazki/szablon_07.gif);
}
#middle {
padding: 0 px;
height: 800px;
}RE: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - emes - 14-03-2010
Prosze o pomoc
RE: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - KowR - 14-03-2010
Daj linka do Twojej strony, nikomu nie chce się ściągnąć tego kodu i wklepać do edytora
Daj linka to Ci pomogę.
RE: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - emes - 15-03-2010
www.poemes.yoyo.pl prosze tu zamieściłem stronę .
RE: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - Bloody Roots - 15-03-2010
Radziłbym Ci zrobić z tego wszystkiego jeden layout i pociąć go porządnie w photoshopie.
RE: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - emes - 15-03-2010
porządnie czyli jak ? Robiłem całą grafikę w PS i też ciąłem no ale może jednak źle to zrobiłem . Jakieś instrukcje ?
RE: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - Bloody Roots - 15-03-2010
Używałeś narzędzia Slice Tool i funkcji Save for Web...?
Chyba znalazłem problem. W body wycentruj stronę, czyli "margin: auto;" o ile mnie pamięć nie zawodzi, a przy każdym obrazku po zakończeniu nawiasu daj "no-repeat", czyli np. tak:
Kod:
#dol{
padding:0 px;
height:45 px;
background-image:url(Obrazki/szablon_07.gif) no-repeat;
}...i do tego jeszcze wszędzie poustawiaj dokładnie width, bo zauważyłem, że gdzieniegdzie pozjadałeś.
RE: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - emes - 15-03-2010
zmieniłem to co kazałeś zobacz dalej nic .
RE: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - Bloody Roots - 15-03-2010
Zrób od początku layout i potnij go w Photoshopie używając narzędzia Slice Tool i funkcji Save For Web.
RE: [HTML,CSS] Proszę o sprawdzenie kodu, strona rozjeżdża się pod IE i FF - emes - 15-03-2010
Jak zrobię to w photoshopie tak jak mówisz zapisze mi to na tabelkach nie na divach . Jak poźniej zmienić to na divy ?
No chyba że mam po prostu starego ps i dlatego zapisuje mi na tabelkach ?