Witam,
problem polega na tym, że rozjeżdża się lewa strona i zasłania prawą.
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  5. <meta http-equiv="Reply-to" content="">
  6. <meta http-equiv="Content-Language" content="pl">
  7. <meta name="Keywords" content="nad Gwiazdą,jezioro,wczasy,Bytów,Lipnica,wakacje,wypoczynek,nocleg,turystyk
    a,agroturystyka,domek,domek letniskowy,wynajęcie">
  8. <meta name="Author" content="">
  9. <meta name="Robots" content="ALL">
  10. <title>Domek letniskowy na kaszubach - nad jeziorem Gwiazda</title>
  11. <link rel="stylesheet" href="styl.css" type="text/css" />
  12. </head>
  13. <body>
  14.  
  15. <div id="header">
  16.  
  17. <center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="565" height="294" align="middle" VSPACE=5>
  18. <param name="allowScriptAccess" value="sameDomain" />
  19. <param name="movie" value="img/top.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#FEFAEF" /><embed src="img/top.swf" quality="high" bgcolor="#FEFAEF" width="565" height="294" align="middle" VSPACE=5 allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
  20. </object></center>
  21.  
  22. </div>
  23.  
  24. <div id="menu">
  25. <table><tr>
  26. <td><center><A HREF="index.php"><div class="p4">Strona główna</div></A></center></td>
  27. <td class="dzielnik"><img src="img/dzielnik.gif"></td>
  28. <td class="min"><center><A HREF="oferta.php"><div class="p4">Oferta</div></A></center></td>
  29. <td class="dzielnik"><img src="img/dzielnik.gif"></td>
  30. <td class="min"><center><A HREF="galeria.php"><div class="p4">Galeria</div></A></center></td>
  31. <td class="dzielnik"><img src="img/dzielnik.gif"></td>
  32. <td><center><A HREF="jd.php"><div class="p4">Jak dojechać?</div></A></center></td>
  33. <td class="dzielnik"><img src="img/dzielnik.gif"></td>
  34. <td class="min"><center><A HREF="kon.php"><div class="p4">Kontakt</div></A></center></td>
  35. </tr></table>
  36. </div>
  37.  
  38. <div id="pasek"></div>
  39.  
  40. <div id="middle">
  41.  
  42. <div id="powitanie"> 
  43.  
  44. <?php
  45. $connect = mysql_connect("localhost", "", "") or
  46. die ("Sprawdź połączenie z bazą danych.");
  47.  mysql_select_db ("serwis");
  48.  mysql_query ('SET NAMES latin2');
  49.  $wynik = mysql_query("SELECT * FROM powitanie");
  50.  
  51. while($wiersz = mysql_fetch_assoc($wynik))
  52.  
  53.  {
  54.  
  55.  echo '<Table>';
  56.  echo '<tr>';
  57.  echo '<td>';
  58.  echo '<div class="p5">';
  59.  echo '<img src="img/f.gif"> &nbsp;';
  60.  echo $wiersz['tytul'];
  61.  echo '</div>';
  62.  echo '</td>';
  63.  echo '</tr>'; 
  64.  echo '<tr>';
  65.  echo '<td>';
  66.  echo '<div class="p6">';
  67.  echo $wiersz['tresc'];
  68.  echo '</div>';
  69.  echo '</td>';
  70.  echo '</tr>'; 
  71.  echo '<tr>';
  72.  echo '<td ALIGN=right>';
  73.  echo '<div class="p6">';
  74.  echo $wiersz['podpis'];
  75.  echo '</div>';
  76.  echo '</td>';
  77.  echo '</tr>'; 
  78.  echo '</Table> ';
  79.  
  80. }
  81. ?> 
  82.  
  83. </div>
  84.  
  85. <div id="news"> <img src="img/f.gif" style="float:left";><div class="p3">&nbsp; Aktualności</div>
  86. <br>
  87.  
  88. <?php
  89.  $connect = mysql_connect("localhost", "", "") or
  90. die ("Sprawdź połączenie z bazą danych.");
  91.  mysql_select_db ("serwis");
  92.  mysql_query ('SET NAMES latin2');
  93.  $wynik = mysql_query("SELECT * FROM news");
  94.  
  95. while($wiersz = mysql_fetch_assoc($wynik))
  96.  
  97.  {
  98.  //początek pętli
  99.  
  100.  //wyświetl wynik
  101.  
  102.  echo '<div class="p6">';
  103.  echo $wiersz['tytul']; 
  104.  echo '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  105.  echo $wiersz['data'];
  106.  echo '</div>';
  107.  echo '<div class="p7">';
  108.  echo $wiersz['tresc'];
  109.  echo '</div><br>';
  110.  }//koniec pętli
  111.  
  112. ?>
  113.  
  114. </div>
  115.  
  116. </div>
  117.  
  118. <div id="foot">
  119. <p class="p">wszelkie prawa zastrzeżone (c) 2007 nad-gwiazda.prv.pl</p>
  120. </div>
  121. </body>
  122. </html>


  1. /* GLOBAL */
  2. body {background-color:#FEFAEF; margin:0;padding:0;border:0;}
  3. a {text-decoration: none;}
  4. a:visited {text-decoration: none}
  5. a:hover{text-decoration: none}
  6.  
  7.  
  8. /* HEAD */
  9. #header{widht:100%; height: 294px; margin:0; margin-top:0; background:url('img/bgt.gif') repeat-x; align:center;}
  10.  
  11. /* MENU*/
  12. #menu{margin-left:222px; margin-top:2px;}
  13.  
  14. .p4{color:#625A43; font:bold 12px tahoma;}
  15.  
  16. table{width:530px;}
  17.  
  18. td {vertical-align: middle; width:120px; height: 14px; background-color: #FEFAEF;}
  19.  
  20. td.min {vertical-align: middle; width:80px; height: 14px; background-color: #FEFAEF;}
  21.  
  22. td.dzielnik{vertical-align: middle ; width:2px; background-color: #FEFAEF; }
  23.  
  24. /*PASEK*/
  25. #pasek{width:100%; height:3px; margin-top:0px ; min-height:3px; background:url('img/pasek.gif') repeat-x; }
  26.  
  27. /* MIDDLE*/
  28. #middle{float:left; margin-left:232px; margin-top:10px; width:525px; height:442px;}
  29.  
  30. /*POWITANIE*/
  31. #powitanie{float:left; width:200px;}
  32. .p2{color:#95279C; font:bold 16px tahoma;}
  33.  
  34. /*NEWS*/
  35. #news{float:right; width:256px;}
  36. .p3{color:#95279C; font: bold 16px tahoma;}
  37. .p6{color:#95279C; font:bold 12px tahoma;}
  38. .p7{text-align:justify; color:#625A43; font:bold 12px tahoma;}
  39. .p8{float:right; color:#95279C; font:bold 12px tahoma;}
  40.  
  41. /*OFERTA*/
  42. .p5{color:#95279C; font:bold 16px tahoma;}
  43. .p9{text-align:justify; color:#625A43; font:bold 13px tahoma;}
  44.  
  45. /*GALERIA*/
  46. .p10{color:#95279C; font:13px tahoma; text-decoration: none;}
  47.  
  48. /*KONTAKT*/
  49. #kontakt{float:left; display:inline; margin-left:180px;}
  50. .p11{color:#95279C; font: bold 13px tahoma;}
  51.  
  52. /* FOOT*/
  53. #foot{clear:both; width:100%px; height:38px; margin:0 auto; min-height: 38px; background:url('img/bgs.gif') repeat-x;align:center;}
  54. .p{float:right; display:inline; margin-right:250px; margin-top:15px; color:#625A43; font:bold 10px tahoma;}

co tu jest nie tak?? W FF i Operce #powitanie zasłania mi #news. A w ie to już to totalnie nie wygląda. Możecie mi też napisać jak wstawia się osobny arkusz styli do ie questionmark.gif

edit: już wstawiłem osobny styl dla IE, ale czemu #powitanie jest takie wąskie a #news tak nisko??