problem z pozycjonowaniem

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Robi
Posty: 11
Rejestracja: wt cze 10, 2003 12:15 pm
Lokalizacja: Bydgoszcz

problem z pozycjonowaniem

Post autor: Robi »

Witam,
Pozycjonując elementy na stronie inaczej są rozmieszczone w przeglądarce inaczej w edytorze (Dreamweaver). Dlaczego tak się dzieje. Kod strony:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<style type="text/css">
<!--
a:link {color:#FFFF00; text-decoration:none}
a:visited {color:#FFFF00; text-decoration: none}
a:hover {color:#D60000; text-decoration:none}
a:active {color:#BFBFBF; text-decoration: none}
-->
</style>
<style type="text/css">
#glowna {
position:relative;center
width:750px;
min-height:100%;
margin:0 auto;
}
* html #glowna {
height:100%;
}
div#logo {
position:relative; top:140px; left:80px;
}
</style>
</head>
<body bgcolor="#2B257B" leftmargin="0" topmargin="5" marginheight="0" marginwidth="0">
<div id="glowna">
<table border="0" cellspacing="0" cellpadding="0" align="center" width="750">
<tr>
<td><div align="center"><font color="#996600" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font color="#CC9900"> WITACZE
   PROMOCJA MIAST   MAPY   WITACZE  
 PROMOCJA MIAST   MAPY   WITACZE   
PROMOCJA MIAST   MAPY </font></font></div></td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<!-----------------------------strzałki------------------------------------------------------------------->
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="241"><TABLE WIDTH=224 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD> <IMG SRC="images/strona_kontakt1_01.jpg" WIDTH=42 HEIGHT=29 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt1_02.jpg" WIDTH=119 HEIGHT=29 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt1_03.jpg" WIDTH=63 HEIGHT=29 ALT=""></TD>
</TR>
<TR>
<TD> <IMG SRC="images/strona_kontakt1_04.jpg" WIDTH=42 HEIGHT=50 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt1_05.jpg" WIDTH=119 HEIGHT=50 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt1_06.jpg" WIDTH=63 HEIGHT=50 ALT=""></TD>
</TR>
<TR>
<TD> <IMG SRC="images/strona_kontakt1_07.jpg" WIDTH=42 HEIGHT=25 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt1_08.jpg" WIDTH=119 HEIGHT=25 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt1_09.jpg" WIDTH=63 HEIGHT=25 ALT=""></TD>
</TR>
</TABLE>
<div style="position:relative; top:30px; left:190px"></div>
<br> <br> <br> <TABLE WIDTH=224 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD> <IMG SRC="images/strona_kontakt2_01.jpg" WIDTH=42 HEIGHT=25 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt2_02.jpg" WIDTH=119 HEIGHT=25 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt2_03.jpg" WIDTH=63 HEIGHT=25 ALT=""></TD>
</TR>
<TR>
<TD> <IMG SRC="images/strona_kontakt2_04.jpg" WIDTH=42 HEIGHT=47 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt2_05.jpg" WIDTH=119 HEIGHT=47 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt2_06.jpg" WIDTH=63 HEIGHT=47 ALT=""></TD>
</TR>
<TR>
<TD> <IMG SRC="images/strona_kontakt2_07.jpg" WIDTH=42 HEIGHT=28 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt2_08.jpg" WIDTH=119 HEIGHT=28 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt2_09.jpg" WIDTH=63 HEIGHT=28 ALT=""></TD>
</TR>
</TABLE>
<br> <br> <br> <TABLE WIDTH=224 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD> <IMG SRC="images/strona_kontakt3_01.jpg" WIDTH=42 HEIGHT=29 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt3_02.jpg" WIDTH=119 HEIGHT=29 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt3_03.jpg" WIDTH=63 HEIGHT=29 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2> <IMG SRC="images/strona_kontakt3_04.jpg" WIDTH=42 HEIGHT=45 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt3_05.jpg" WIDTH=119 HEIGHT=37 ALT=""></TD>
<TD ROWSPAN=2> <IMG SRC="images/strona_kontakt3_06.jpg" WIDTH=63 HEIGHT=45 ALT=""></TD>
</TR>
<TR>
<TD> <IMG SRC="images/strona_kontakt3_07.jpg" WIDTH=119 HEIGHT=8 ALT=""></TD>
</TR>
<TR>
<TD> <IMG SRC="images/strona_kontakt3_08.jpg" WIDTH=42 HEIGHT=26 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt3_09.jpg" WIDTH=119 HEIGHT=26 ALT=""></TD>
<TD> <IMG SRC="images/strona_kontakt3_10.jpg" WIDTH=63 HEIGHT=26 ALT=""></TD>
</TR>
</TABLE></td>
<!-------------------------------------------KONIEC------------------------------------------------------------->
<td width="20"> </td>
<td width="173" valign="top"><div><font color="#FFFF00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong>"<font size="2">MENTOR"</font></strong></font><br>
<font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">BYDGOSZCZ<br>
UL. GDAŃSKA 122<br>
85-021 BYDGOSZCZ</font><br>
<br>
<strong><font color="#FFFF00" size="2" face="Verdana, Arial, Helvetica, sans-serif">DZIAŁ
HANDLOWY</font></strong><br>
<font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">TEL.
(52) 584 14 72<br>
TEL/FAX (52) 584 14 66</font><br>
<br>
<strong><font color="#FFFF00" size="2" face="Verdana, Arial, Helvetica, sans-serif">KONSULTANT</font><font color="#FFFF00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></strong><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">AGNIESZKA
SZYNKA<br>
TEL. KOM. 0 601 42 43 52</font><br>
<br>
<strong><font color="#FFFF00" size="2" face="Verdana, Arial, Helvetica, sans-serif">KONSULTANT</font></strong><br>
<font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">ALINA
NIKLEWICZ<br>
TEL. KOM. 0 609 660 644</font><br>
<br>
<strong><font color="#FFFF00" size="2" face="Verdana, Arial, Helvetica, sans-serif">DZIAŁ
PRODUKCJI</font></strong><br>
<font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif">TEL.
(52) 3 660 300<br>
TEL/FAX (52) 3 660 301</font><br>
<br>
<strong><font color="#FFFF00" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="mailto:[email protected]">[email protected]</a></font></strong></div></td>
<td width="297" ><div id="logo"><img src="images/logo.jpg"></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><br> <div align="center"><font color="#996600" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font color="#CC9900"> WITACZE
   PROMOCJA MIAST   MAPY   WITACZE  
 PROMOCJA MIAST   MAPY   WITACZE   
PROMOCJA MIAST   MAPY </font></font> </div></td>
</tr>
</table>
</div>
</body>
</html>
Na górę
reinmar
Posty: 2
Rejestracja: czw lut 17, 2005 1:00 pm
Lokalizacja: Z nikąd

Re: problem z pozycjonowaniem

Post autor: reinmar »

Hmm... U mnie pod Firefoxem wszystko wygląda ładnie... Chyba tak jak powinno. A w jakiej przeglądarce Ty sprawdzałeś? Jeśli pod IE, to raczej nie dziwota, że coś może nie działać, bo IE nie obsługuje w pełni CSS 2.0 ;[
Na górę
Robi
Posty: 11
Rejestracja: wt cze 10, 2003 12:15 pm
Lokalizacja: Bydgoszcz

Re: problem z pozycjonowaniem

Post autor: Robi »

Masz racje, sprawdzałem w IE. Chyba sama poprawność kodu jest ok
Na górę
ODPOWIEDZ

Wróć do „Technologie WWW - cz. 1 Client-side (HTML, CSS, JAVA SCRIPT)”