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

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

Data: 2009-04-29 16:14:05
Temat: Re: problemy ze strona po dodaniu doctype
Od: Artur Kosmal <a...@p...onet.pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]
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>