problemy ze strona po dodaniu doctype - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › problemy ze strona po dodaniu doctype

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 11

1. Data: 2009-04-29 16:12:50
Temat: problemy ze strona po dodaniu doctype
Od: Artur Kosmal <a...@p...onet.pl>

Witam :)

Mam problem ze strona. Napisalem na szybko kawalek i nie dodalem
doctype. Sprawdzilem jak wyglada i bylo ok. Po dodaniu doctype uklad
strony zaczal sie kaszanic. I tak:
1. Strona powinna wygladac tak, ze w pewnym oddaleniu od naroznika (tu
akurat (150,150) wyswietlana jest grafika (gif 22x22 px), a w innym
miejscu jest lista graczy, majaca wygladac tak, ze w jednej linii jest
grafika 22x22 px a zaraz obok div z danymi gracza.

2. Jesli dam doctype dla html 3 lub nie dam go w ogole, to strona
wyglada tak jak powinna (jak sobie zalozylem).

3. Jesli dam doctype html 4 transitional to lista graczy wyglada ok, ale
grafika ze 150,150 wyswietlana jest na 0,0

4. Jesli dam doctype html 4 strict to grafika ze 150,150 wyswietlana
jest na 0,0 i dodatkowo rozjezdza sie lista graczy (grafiki i divy z
danymi gracza sa na roznych wysokosciach)

W czym tkwi problem ?

Pzdr

Artur Kosmal

Zalacznik:

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2009-04-29 16:14:05
Temat: Re: problemy ze strona po dodaniu doctype
Od: Artur Kosmal <a...@p...onet.pl>

Artur Kosmal pisze:
> Witam :)
>
> Mam problem ze strona. Napisalem na szybko kawalek i nie dodalem
> doctype. Sprawdzilem jak wyglada i bylo ok. Po dodaniu doctype uklad
> strony zaczal sie kaszanic. I tak:
> 1. Strona powinna wygladac tak, ze w pewnym oddaleniu od naroznika (tu
> akurat (150,150) wyswietlana jest grafika (gif 22x22 px), a w innym
> miejscu jest lista graczy, majaca wygladac tak, ze w jednej linii jest
> grafika 22x22 px a zaraz obok div z danymi gracza.
>
> 2. Jesli dam doctype dla html 3 lub nie dam go w ogole, to strona
> wyglada tak jak powinna (jak sobie zalozylem).
>
> 3. Jesli dam doctype html 4 transitional to lista graczy wyglada ok, ale
> grafika ze 150,150 wyswietlana jest na 0,0
>
> 4. Jesli dam doctype html 4 strict to grafika ze 150,150 wyswietlana
> jest na 0,0 i dodatkowo rozjezdza sie lista graczy (grafiki i divy z
> danymi gracza sa na roznych wysokosciach)
>
> W czym tkwi problem ?
>
> Pzdr
>
> Artur Kosmal
>
> Zalacznik:

Tfu, wyslalem bez zalacznika. Tak wyglada zawartosc pliku.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
</head>

<body>
<?php

for ($x=0; $x<15; $x++)
for ($y=0; $y<16; $y++)
{
$xpos=22*$x+40;
$ypos=42*$y+50;
$nr=$x*16+$y;
$styl="position: absolute; left: ".$xpos."; top: ".$ypos."; width:
22px; height: 22px;";
$diw="<div id='gracz".$nr."' style='".$styl."'>";
echo $diw;
echo "</div>\n";
}
?>

<div id="gracz18" style="position:absolute; left: 150px; top:150px;
width:22px; height:22px;">

</div>

<div id="numery" style="position:absolute; left:470px; top:400px">
<img src='gfx/1.gif'><br>
<img src='gfx/2.gif'><br>
<img src='gfx/3.gif'><br>
<img src='gfx/4.gif'><br>
<img src='gfx/5.gif'><br>
<img src='gfx/6.gif'><br>
<img src='gfx/7.gif'><br>
<img src='gfx/8.gif'><br>
<img src='gfx/9.gif'><br>
<img src='gfx/10.gif'><br>
<img src='gfx/11.gif'><br>
</div>

<div id="sklad" style="position:absolute; left:500px; top:400px;
cursor:move;">

<div id="sklad1" style="width:250px; height:22px;
vertical-align:bottom;">Jacek Gocejna G</div>
<div id="sklad2" style="width:250px; height:22px;
vertical-align:bottom;">Dawid Błanek D THS</div>
<div id="sklad3" style="width:250px; height:22px;
vertical-align:bottom;">Łukasz Tuński D TSP</div>
<div id="sklad4" style="width:250px; height:22px;
vertical-align:bottom;">Aboubakar Bouba A VTC</div>
<div id="sklad5" style="width:250px; height:22px;
vertical-align:bottom;">Krzysztof Stefaniak M PCV</div>
<div id="sklad6" style="width:250px; height:22px;
vertical-align:bottom;">Mariusz Szmit M PCS</div>
<div id="sklad7" style="width:250px; height:22px;
vertical-align:bottom;">Jarosław JóĽwiak D SPV</div>
<div id="sklad8" style="width:250px; height:22px;
vertical-align:bottom;">Mariusz Boguszewski M PVT</div>
<div id="sklad9" style="width:250px; height:22px;
vertical-align:bottom;">Rafał Komar A PVF</div>
<div id="sklad10" style="width:250px; height:22px;
vertical-align:bottom;">Kamil Wronka A VCS</div>
<div id="sklad11" style="width:250px; height:22px;
vertical-align:bottom;">Michał Szałek D TSV</div>

</div>

<script type="text/javascript">

document.getElementById('gracz18').innerHTML = "<img src='gfx/5.gif'>";

</script>

</body>

</html>

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2009-04-29 18:43:05
Temat: Re: problemy ze strona po dodaniu doctype
Od: porneL <n...@p...net>

On Wed, 29 Apr 2009 17:12:50 +0100, Artur Kosmal <a...@p...onet.pl> wrote:

> Mam problem ze strona. Napisalem na szybko kawalek i nie dodalem
> doctype. Sprawdzilem jak wyglada i bylo ok.

Bez DOCTYPE, albo przy jednym z felernych DOCTYPE, wszystkie przeglądarki pracują w
trybie emulacji bugów IE5.

> 4. Jesli dam doctype html 4 strict to grafika ze 150,150 wyswietlana
> jest na 0,0 i dodatkowo rozjezdza sie lista graczy (grafiki i divy z
> danymi gracza sa na roznych wysokosciach)
>
> W czym tkwi problem ?

Napisałeś zbugowaną stronę IE-only. Prawidłowy DOCTYPE (np. HTML 4 Strict w wersji z
URL-em) wyłącza ci emulację IE5 i pokazuje prawdziwą naturę kodu.

W razie wątpliwości DOCTYPE HTML5 jest najprostszy do zapamiętania:

<!DOCTYPE html>

Jeśli z tym strona wygląda na zepsutą, to jest zepsuta.

--
http://kurs.browsehappy.pl
this.author = new Geek("porneL");

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2009-04-30 08:34:18
Temat: Re: problemy ze strona po dodaniu doctype
Od: olo <o...@n...com>

Artur Kosmal pisze:
> for ($x=0; $x<15; $x++)
> for ($y=0; $y<16; $y++)
> {
> $xpos=22*$x+40;
> $ypos=42*$y+50;
> $nr=$x*16+$y;
> $styl="position: absolute; left: ".$xpos."; top: ".$ypos.";
> width: 22px; height: 22px;";
> $diw="<div id='gracz".$nr."' style='".$styl."'>";
> echo $diw;
> echo "</div>\n";
> }

blad jest rzecz jasna tu. $xpos (dla $x=1) wyniesie 22+40 = 62, $ypos
(dla $y=1) wyniesie 42+50=92. Wobec powyzszego $styl bedzie sie rownal:

position: absolute; left: 62; top: 92 [...]

--
pozdrawiam!

http://webtrunki.pl - piwa, wina, wódki, domowe wyroby
ZAPRASZAMY!!

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2009-04-30 14:38:20
Temat: Re: problemy ze strona po dodaniu doctype
Od: Artur Kosmal <a...@p...onet.pl>

olo pisze:
> Artur Kosmal pisze:
>> for ($x=0; $x<15; $x++)
>> for ($y=0; $y<16; $y++)
>> {
>> $xpos=22*$x+40;
>> $ypos=42*$y+50;
>> $nr=$x*16+$y;
>> $styl="position: absolute; left: ".$xpos."; top: ".$ypos.";
>> width: 22px; height: 22px;";
>> $diw="<div id='gracz".$nr."' style='".$styl."'>";
>> echo $diw;
>> echo "</div>\n"; }
>
> blad jest rzecz jasna tu. $xpos (dla $x=1) wyniesie 22+40 = 62, $ypos
> (dla $y=1) wyniesie 42+50=92. Wobec powyzszego $styl bedzie sie rownal:
>
> position: absolute; left: 62; top: 92 [...]
>
>

to jednak nie to. nie ma akurat wiekszego znaczenia, czy przeniesie
(150,150)->(0,0) czy (62,92)->(0,0).

teraz juz wiem, ze problem jest w tym, ze powinienem po $xpos i $ypos
dodac "px" :)

staram sie jeszcze zrozumiec czemu mi sie rozjezdzaja grafiki kolo listy
graczy, ale to jutro bede grzebal dokladnie w temacie.

dzieki za probe :)

[ pokaż wiadomość z nagłówkami ]

do góry
6. Data: 2009-04-30 14:39:46
Temat: Re: problemy ze strona po dodaniu doctype
Od: Artur Kosmal <a...@p...onet.pl>

porneL pisze:
> On Wed, 29 Apr 2009 17:12:50 +0100, Artur Kosmal <a...@p...onet.pl> wrote:
>
>> Mam problem ze strona. Napisalem na szybko kawalek i nie dodalem
>> doctype. Sprawdzilem jak wyglada i bylo ok.
>
> Bez DOCTYPE, albo przy jednym z felernych DOCTYPE, wszystkie przeglądarki pracują w
trybie emulacji bugów IE5.
>
>> 4. Jesli dam doctype html 4 strict to grafika ze 150,150 wyswietlana
>> jest na 0,0 i dodatkowo rozjezdza sie lista graczy (grafiki i divy z
>> danymi gracza sa na roznych wysokosciach)
>>
>> W czym tkwi problem ?
>
> Napisałeś zbugowaną stronę IE-only. Prawidłowy DOCTYPE (np. HTML 4 Strict w wersji
z URL-em) wyłącza ci emulację IE5 i pokazuje prawdziwą naturę kodu.
>
> W razie wątpliwości DOCTYPE HTML5 jest najprostszy do zapamiętania:
>
> <!DOCTYPE html>
>
> Jeśli z tym strona wygląda na zepsutą, to jest zepsuta.
>

swietnie, ten doctype mi sie podoba :P

moze mi jeszcze podpowiesz, ktore przegladarki obsluguja html 5 ? bo z
tego co znalazlem to oficjalnie zadna, bo html 5 jeszcze "nie pojawil
sie". a nieoficjalnie ?

[ pokaż wiadomość z nagłówkami ]

do góry
7. Data: 2009-04-30 15:22:45
Temat: Re: problemy ze strona po dodaniu doctype
Od: Artur Kosmal <a...@p...onet.pl>

>
> staram sie jeszcze zrozumiec czemu mi sie rozjezdzaja grafiki kolo listy
> graczy, ale to jutro bede grzebal dokladnie w temacie.
>

pomoglo nadanie grafice "vertical-align: bottom" :)

[ pokaż wiadomość z nagłówkami ]

do góry
8. Data: 2009-04-30 16:12:34
Temat: Re: problemy ze strona po dodaniu doctype
Od: j...@g...com

On 30 Kwi, 16:39, Artur Kosmal <a...@p...onet.pl> wrote:
> moze mi jeszcze podpowiesz, ktore przegladarki obsluguja html 5 ? bo z
> tego co znalazlem to oficjalnie zadna, bo html 5 jeszcze "nie pojawil
> sie". a nieoficjalnie ?

http://a.deveria.com/caniuse/#agents=All&eras=All&ca
ts=HTML5&alts=j&statuses=rec,cr,wd,ietf

[ pokaż wiadomość z nagłówkami ]

do góry
9. Data: 2009-04-30 21:06:13
Temat: Re: problemy ze strona po dodaniu doctype
Od: porneL <n...@p...net>

On Thu, 30 Apr 2009 15:39:46 +0100, Artur Kosmal <a...@p...onet.pl> wrote:

>> W razie wątpliwości DOCTYPE HTML5 jest najprostszy do zapamiętania:
>> <!DOCTYPE html>
>> Jeśli z tym strona wygląda na zepsutą, to jest zepsuta.
>
> swietnie, ten doctype mi sie podoba :P
>
> moze mi jeszcze podpowiesz, ktore przegladarki obsluguja html 5 ? bo z
> tego co znalazlem to oficjalnie zadna, bo html 5 jeszcze "nie pojawil
> sie". a nieoficjalnie ?

Nieoficjalnie wszystkie obsługują od kilku lat, a IE nawet od 2001 roku ;)

Większość rzeczy w HTML5 jest dokumentacją zachowań IE6, które w końcu trafiły do
innych przeglądarek, a nowe rzeczy są zaprojektowane tak, żeby dało się je emulować w
obecnych przeglądarkach za pomocą skryptów/wtyczek.

<!DOCTYPE html>
<meta charset=UTF-8>

dziś działa wszędzie.

--
http://pornel.net
this.author = new Geek("porneL");

[ pokaż wiadomość z nagłówkami ]

do góry
10. Data: 2009-05-02 09:36:59
Temat: Re: problemy ze strona po dodaniu doctype
Od: Artur Muszyński <a...@u...wytnijto.com.pl>

j...@g...com pisze:
> http://a.deveria.com/caniuse/#agents=All&eras=All&ca
ts=HTML5&alts=j&statuses=rec,cr,wd,ietf

Ładne podsumowanko. Pewnym pocieszeniem może być fakt, że IE8 znalazł
się na liście aktualizacji automatycznych. Może to przyspieszy
zmarginalizowanie staroci.

artur

[ pokaż wiadomość z nagłówkami ]

do góry