ďťż

[HTML/CSS]Strona się rozłazi

       

Podstrony


telcocafe

Witam właśnie pisze stronę w CSS i na divach oto kod
<HTML> <HEAD> <TITLE>....:::: Moja domowa strona WWW ::::....</TITLE> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2"> <META NAME="Author" CONTENT="Adam Rogulski"> <STYLE TYPE="text/css"><!-- body{ text-align:center; background-image: url(tlo.gif); } #glowny{ margin: 0 auto; width: 653px; } #top { height: 120px; width: 652px; background:#FFFFFF; border-style: solid; border-width: 2; BORDER-BOTTOM-WIDTH:0; } #lewy{ float:left; height:400; width:200; background:#FFFFFF; font-family:verdana; border-style: solid; border-width: 2; BORDER-RIGHT-WIDTH:0; } #prawy{ width:451; height:400; float:right; background:#FFFFFF; font-family: verdana; border-style: solid; border-width: 2; BORDER-LEFT-WIDTH:0; } #stopka{ width:654; height:25; background:#8080FF; float:bottom; clear: both; font-family: verdana; padding-top:5; border-style: solid; border-width: 2; BORDER-TOP-WIDTH:0; } a{ text-decoration:none; color:black; WIDTH:196PX; } a:hover{ background:red; width:196PX; } --></STYLE> </HEAD> <BODY> <DIV NAME="glowny" ID="glowny"> <DIV NAME="top" ID="top">TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP</DIV> <DIV NAME="lewy" ID="lewy"> <TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="200" BORDER="0" BORDERCOLOR="#000000"> <TR> <TD STYLE=" BACKGROUND:#000000; COLOR:#FFFFFF;">dasda</TD> </TR> <TR> <TD BORDER="0"><A HREF="dsa" WIDTH="196" HEIGHT="5">sadas</A></TD> </TR> </TABLE> </DIV> <DIV NAME="prawy" ID="prawy"></DIV> <DIV NAME="stopka" ID="stopka">Copyright &copy by 2007 Adam Rogulski.</DIV> </DIV> </BODY> </HTML>

I teraz w internecie explorer jest wporządku ale w operze i mozilli strona sie rozłazi. www.html11.republika.pl
proszę o pomoc.



dalece temu do jakiejś współczesnej poprawności. W TABLE masz WIDTH="200" co chyba powinno być WIDTH="653". Poza tym tutaj można użyć dwa divy, jeden opływający drugi.

Spójrz na stronę.
Porównaj swój z moim kodzikiem:<HTML> <HEAD> <TITLE>....:::: Moja domowa strona WWW ::::....</TITLE> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2"> <META NAME="Author" CONTENT="Adam Rogulski"> <STYLE TYPE="text/css"><!-- body{ text-align:center; background-image: url(tlo.gif); } #glowny{ margin: 0 auto; width: 654px; } #top { height: 120px; width: 650px; background:#FFFFFF; border-style: solid; border-width: 2; BORDER-BOTTOM-WIDTH:0; } #lewy{ float:left; height:400; width:200; background:#FFFFFF; font-family:verdana; border-style: solid; border-width: 2; BORDER-RIGHT-WIDTH:0; } #prawy{ width:450; height:400; float:right; background:#FFFFFF; font-family: verdana; border-style: solid; border-width: 2; BORDER-LEFT-WIDTH:0; } #stopka{ width:650; height:25; background:#8080FF; float:bottom; clear: both; font-family: verdana; padding-top:5; border-style: solid; border-width: 2; BORDER-TOP-WIDTH:0; } a{ text-decoration:none; color:black; WIDTH:196PX; } a:hover{ background:red; width:196PX; } --></STYLE> </HEAD> <BODY> <DIV NAME="glowny" ID="glowny"> <DIV NAME="top" ID="top">TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP</DIV> <DIV NAME="lewy" ID="lewy"> <TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="200" BORDER="0" BORDERCOLOR="#000000"> <TR> <TD STYLE=" BACKGROUND:#000000; COLOR:#FFFFFF;">dasda</TD> </TR> <TR> <TD BORDER="0"><A HREF="dsa" WIDTH="196" HEIGHT="5">sadas</A></TD> </TR> </TABLE> </DIV> <DIV NAME="prawy" ID="prawy"></DIV> <DIV NAME="stopka" ID="stopka">Copyright &copy by 2007 Adam Rogulski.</DIV> </DIV> </BODY> </HTML>Przypomnij sobie o tym, że msie interpretuje inaczej marginesy, ramki itd.

P.S. Kod jest pod Firefoxa, msie ma problemy z obramowaniem więc popracuj trochę nad tym...

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.