HELLO!!
Jestem bardzo poczatkujacy jesli chodzi o html/xhtml i myszel ze jakos mi pomozecie.
Mam problem z jedna strona ktora sam zaprojektowalem i poskladalem (z poskladasniem wyszlo gorzej), pod Firefoxem(mozilla) dziala bardzo ladnie ale pod ie6 (mam tylko 6 ale mysle ze wczesniejsze wersje tez maja problem(no chyba ze ja cos zle robie)).
Jak mozecie to zerknijcie i powiedzcie co tzreba zmienic i jak.
Dodam ze validator xhtml-a i css-a przechodzi pomyslnie z tym ze css z jednym warningiem (ale to looz).
Acha jak mozecie to napiszczcie adres jakiejs polskiej stronie albo forum poswieconej xhtml-owi bo ja nic nieznalazlem.
oto dares http://www.grzenio.pl/~monti/auto/index.html
Pełna wersja: xhtml+ie6=kaszana
Ej naprawde niemozecie nic pomuc ?
Czesc.
Kurcze, nie chce mi sie zapisac porzadnie ta Twoja strona. No nic, z tego, co mi sie zechcialo zapisac:
To powinno byc na samym poczatku.
Acha, jeszcze jedno, zawsze mi sie wydawalo, ze nazwy klas zaczyna sie od kropki, nie od hasha.
->
Sprobuj tego.
Pozdrawiam!
EDIT:
A, zamiast
sprobuj pisac
Kurcze, nie chce mi sie zapisac porzadnie ta Twoja strona. No nic, z tego, co mi sie zechcialo zapisac:
Kod
<?xml version="1.0" encoding="utf-8" ?>
To powinno byc na samym poczatku.
Acha, jeszcze jedno, zawsze mi sie wydawalo, ze nazwy klas zaczyna sie od kropki, nie od hasha.
Kod
#mainsite {
MARGIN: 0px auto; WIDTH: 780px
}
MARGIN: 0px auto; WIDTH: 780px
}
->
Kod
.ainsite {
MARGIN: 0px auto; WIDTH: 780px
}
MARGIN: 0px auto; WIDTH: 780px
}
Sprobuj tego.
Pozdrawiam!
EDIT:
A, zamiast
Kod
<DIV id=prawa>
sprobuj pisac
Kod
<div id="prawa" class="prawa">
dalej tak samo
tak klase zaczyna sie od "." a id od "#"
i ja tak mam tak ze niewiem skad ci to przyszlo do glowy ze mam inaczej
a "<?xml version="1.0" encoding="utf-8" ?>" tez ma na samym poczatku
P.S
A myslalem ze IE jest fajna przegladarka , choc i tak uzywam firefoxa
tak klase zaczyna sie od "." a id od "#"
i ja tak mam tak ze niewiem skad ci to przyszlo do glowy ze mam inaczej
a "<?xml version="1.0" encoding="utf-8" ?>" tez ma na samym poczatku
P.S
A myslalem ze IE jest fajna przegladarka , choc i tak uzywam firefoxa
Wyswietlalem zrodlo w dwoch roznych przegladarkach na dwoch roznych komputerach. Zawsze jest tak samo, hashe zamiast czesci kropek itp.
Okay, to sprobuj zamiast
[xml:1:a3ebfbcf13]<div costam></div>[/xml:1:a3ebfbcf13]dac
[xml:1:a3ebfbcf13]<div costam> </div>[/xml:1:a3ebfbcf13]
Jesli to nie pomoze, wyslij mi zrodlo i te rozne pliczki graficzne na maila, to sprobuje sie z tym rozprawic, pozdrawiam.
Okay, to sprobuj zamiast
[xml:1:a3ebfbcf13]<div costam></div>[/xml:1:a3ebfbcf13]dac
[xml:1:a3ebfbcf13]<div costam> </div>[/xml:1:a3ebfbcf13]
Jesli to nie pomoze, wyslij mi zrodlo i te rozne pliczki graficzne na maila, to sprobuje sie z tym rozprawic, pozdrawiam.
Ja bym był ostrożny ze zamieszczaniem tej deklaracji na swoich stronach
[xml:1:52aebb3f3d]<?xml version="1.0" encoding="utf-8" ?>[/xml:1:52aebb3f3d]
Kazdy zorientowany wie jakie to może powodować komplikacje w interpretacji przez IE takich parametrów jak padding i border, a po drugie ta deklaracja wcale nie jest obowiązkowa.. Gdyby ktoś miał wątpliwości to zapraszam do zapoznania sie z: http://tantek.com/XHTML/Test/minimal.html#...ithoutxmlprolog
[xml:1:52aebb3f3d]<?xml version="1.0" encoding="utf-8" ?>[/xml:1:52aebb3f3d]
Kazdy zorientowany wie jakie to może powodować komplikacje w interpretacji przez IE takich parametrów jak padding i border, a po drugie ta deklaracja wcale nie jest obowiązkowa.. Gdyby ktoś miał wątpliwości to zapraszam do zapoznania sie z: http://tantek.com/XHTML/Test/minimal.html#...ithoutxmlprolog
Czesc!
No, troszke nad tym siedzialem, poprawilem nieco Twoj kod, sprawdz, czy dobrze u Ciebie dziala:
[xml:1:d2f5a51f33]
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PROFESJONALNY SERVIS SAMOCHODOWY</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
text-align: center;
background: #ffffff;
}
#top {
background: url(img/top.jpg) 0 0 no-repeat;
width: 780px;
height: 156px;
float: left;
}
#mainsite {
margin: 0 auto 0 auto;
width: 780px;
}
#menu1 {
background: url(img/menu_left.jpg) 0 0 no-repeat;
width: 51px;
height: 31px;
float: left;
}
.menu2 {
font: 13px/29px Verdana,arial,tahoma;
font-weight: bold;
background: url(img/menu_button.png) 0 0 no-repeat;
width: 80px;
height: 31px;
float: left;
color: white;
text-decoration: none;
}
#menu3 {
background: url(img/menu_right.png) 0 0 no-repeat;
width: 409px;
height: 31px;
float: left;
}
#cien {
background: url(img/cien.png) 0 0 no-repeat;
width: 780px;
height: 7px;
float: left;
line-height: 0px;
}
#main {
background: url(img/main.gif) 0 0 no-repeat;
width: 780px;
height: 375px;
float: left;
}
.foot {
background: url(img/foot.jpg) 0 0 no-repeat;
width: 780px;
height: 45px;
float: left;
}
#lewa {
float: left;
width: 617px;
text-align: justify;
}
#prawa {
float: right;
width: 163px;
text-align: center;
}
.kropki {
background: url(img/kropki.gif) 0 0 no-repeat;
width: 164px;
height: 1px;
margin: 0 0 0 0;
line-height: 0px;
}
-->
</style>
</head>
<body>
<div id="mainsite">
<div id="top"> </div>
<div id="menu1"> </div>
<a href="1.html" class="menu2">O firmie</a>
<a href="2.html" class="menu2">Promocja</a>
<a href="3.html" class="menu2">Mapa</a>
<a href="4.html" class="menu2">Kontakt</a>
<div id="menu3"> </div>
<div id="cien"> </div>
<div id="main">
<div id="lewa">
lewa
</div>
<div id="prawa">
<div class="kropki"> </div>
<a href="http://www.exponet.pl" target="_blank"><img src="img/brc.png" border="0" alt="" /></a>
<div class="kropki"> </div>
<a href="http://www.exponet.pl" target="_blank"><img src="img/mobil.png" border="0" alt="" /></a>
<div class="kropki"> </div>
<a href="http://www.exponet.pl" target="_blank"><img src="img/sachs.png" border="0" alt="" /></a>
<div class="kropki"> </div>
<a href="http://www.exponet.pl" target="_blank"><img src="img/q_service.png" border="0" alt="" /></a>
<div class="kropki"> </div>
</div>
</div>
<table class="foot">
<tr><td> </td></tr>
</table>
</div>
</body>
</html>
[/xml:1:d2f5a51f33]
Stopke zmienilem na tablice, bo po odswiezaniu najzwyklej w swiecie znikala. Pogrzebalem ogolnie w wartosciach line-height.
Pozdrawiam!
No, troszke nad tym siedzialem, poprawilem nieco Twoj kod, sprawdz, czy dobrze u Ciebie dziala:
[xml:1:d2f5a51f33]
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PROFESJONALNY SERVIS SAMOCHODOWY</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
text-align: center;
background: #ffffff;
}
#top {
background: url(img/top.jpg) 0 0 no-repeat;
width: 780px;
height: 156px;
float: left;
}
#mainsite {
margin: 0 auto 0 auto;
width: 780px;
}
#menu1 {
background: url(img/menu_left.jpg) 0 0 no-repeat;
width: 51px;
height: 31px;
float: left;
}
.menu2 {
font: 13px/29px Verdana,arial,tahoma;
font-weight: bold;
background: url(img/menu_button.png) 0 0 no-repeat;
width: 80px;
height: 31px;
float: left;
color: white;
text-decoration: none;
}
#menu3 {
background: url(img/menu_right.png) 0 0 no-repeat;
width: 409px;
height: 31px;
float: left;
}
#cien {
background: url(img/cien.png) 0 0 no-repeat;
width: 780px;
height: 7px;
float: left;
line-height: 0px;
}
#main {
background: url(img/main.gif) 0 0 no-repeat;
width: 780px;
height: 375px;
float: left;
}
.foot {
background: url(img/foot.jpg) 0 0 no-repeat;
width: 780px;
height: 45px;
float: left;
}
#lewa {
float: left;
width: 617px;
text-align: justify;
}
#prawa {
float: right;
width: 163px;
text-align: center;
}
.kropki {
background: url(img/kropki.gif) 0 0 no-repeat;
width: 164px;
height: 1px;
margin: 0 0 0 0;
line-height: 0px;
}
-->
</style>
</head>
<body>
<div id="mainsite">
<div id="top"> </div>
<div id="menu1"> </div>
<a href="1.html" class="menu2">O firmie</a>
<a href="2.html" class="menu2">Promocja</a>
<a href="3.html" class="menu2">Mapa</a>
<a href="4.html" class="menu2">Kontakt</a>
<div id="menu3"> </div>
<div id="cien"> </div>
<div id="main">
<div id="lewa">
lewa
</div>
<div id="prawa">
<div class="kropki"> </div>
<a href="http://www.exponet.pl" target="_blank"><img src="img/brc.png" border="0" alt="" /></a>
<div class="kropki"> </div>
<a href="http://www.exponet.pl" target="_blank"><img src="img/mobil.png" border="0" alt="" /></a>
<div class="kropki"> </div>
<a href="http://www.exponet.pl" target="_blank"><img src="img/sachs.png" border="0" alt="" /></a>
<div class="kropki"> </div>
<a href="http://www.exponet.pl" target="_blank"><img src="img/q_service.png" border="0" alt="" /></a>
<div class="kropki"> </div>
</div>
</div>
<table class="foot">
<tr><td> </td></tr>
</table>
</div>
</body>
</html>
[/xml:1:d2f5a51f33]
Stopke zmienilem na tablice, bo po odswiezaniu najzwyklej w swiecie znikala. Pogrzebalem ogolnie w wartosciach line-height.
Pozdrawiam!
Ja tylko tak na marginesie, warto wywalic ten komentarz ze stylow i ewentualnie dodac sekcje CDATA (z komentarzami JS dla zgodnosci z badzewnymi przegladarkami).
WIlkie dzieki Draugfor dziala mi to pod ie6 choc niejest tak ladne jak pod kochanym firefoxikiem .
Jak mozesz to powiedz mi co bylo zle bo ja pewno sam duzych wnioskow niewyciagne.
Jeszcze raz BIG THX
.
Jak mozesz to powiedz mi co bylo zle bo ja pewno sam duzych wnioskow niewyciagne.
Jeszcze raz BIG THX
Wyglada na to, ze IE daje inna domyslna wysokosc diva - wieksza.
Dlatego wywalalo na dol te bannery po prawej. Wiec zmniejszylem wysokosc (line-height) i jest okay.
Dlatego wywalalo na dol te bannery po prawej. Wiec zmniejszylem wysokosc (line-height) i jest okay.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.