Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] problem z div
Rico_ds
post 10.06.2007, 22:23:17
Post #1





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 21.03.2007

Ostrzeżenie: (0%)
-----

Witam,
problem polega na tym, że rozjeżdża się lewa strona i zasłania prawą. 
[PHP] pobierz, plaintext 
  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>
[PHP] pobierz, plaintext 


[HTML] pobierz, plaintext 
  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;}
[HTML] pobierz, plaintext

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??

Ten post edytował Rico_ds 21.06.2007, 19:05:09
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 29.06.2025 - 14:51
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn