Problem leży w tym, że strona ma suwak poziomy i nie mogę go usunać oraz tam gdzie jest miejsce na tekst to na rozdzielczości 1024 jeszcze ujdzie , ale im powiększe rozdzielczość monitora , to tekst poprostu może być w 1 linii , zależy od długości czyli np na 1024 jest tak :

fdfdfdfdfdfdfdfdfd
dsdsdsdsdsds
dsdsdsdsdsds
fdfd

a na wiekszych:

ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
fff


[HTML] 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=utf-8" />
  5. <title>My first layout</title>
  6. <link rel="stylesheet" type="text/css" href="style.css" />
  7. </head>
  8. <body>
  9.  
  10. <div id="logo">
  11. <p class="blog">MyBlog</p>
  12. <p class="opowiesci">Opowieści z życia zwykłego Polaka</p>
  13. <a href="#" class="galeria">Galeria</a>
  14. <a href="#" class="download">Download</a>
  15. <a href="#" class="kontakt">Kontakt</a>
  16. </div>
  17.  
  18. <div id="left">
  19. <p class="tytul">Tytuł jakiegoś tam artykułu</p><br />
  20. Quisque eget orci tortor. Sed ut blandit sem. Praesent in risus turpis, vel convallis libero. Cras vitae libero ut eros vestibulum vehicula et eu nulla. Nunc a ligula vestibulum neque euismod blandit in vel lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque tempus, dolor non rhoncus consectetur, enim dui dictum mauris, non rhoncus tellus felis vitae nisi. Donec metus quam, consequat vel faucibus eget, luctus a urna. Nullam in enim in erat viverra dictum. Praesent dolor tellus, varius eu pulvinar ut, interdum posuere nisi. Pellentesque eget diam sit amet nunc condimentum rhoncus. Donec porttitor malesuada tortor, vel sollicitudin nulla tempus eu. Pellentesque rutrum sollicitudin tincidunt. Aliquam a diam viverra libero euismod blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed varius nisl velit, in vulputate purus. Curabitur tempor ornare erat, non convallis dui pulvinar vitae. 
  21. <h6 align="right"><a href="#">Więcej</a></h6>
  22.  
  23.  
  24.  
  25. </div>
  26.  
  27. <div id="right">
  28. <a href="#" class="s">Strona Główna</a><br /><br />
  29. <a href="#" class="p">Programy</a><br /><br />
  30. <a href="#" class="sz">Szablon</a><br /><br />
  31. <a href="#" class="pr">Premium</a><br /><br />
  32. <a href="#" class="f">Forum</a>
  33. <a href="#" class="kon">Kontakt</a>
  34. </div>
  35.  
  36.  
  37. <div id="footer">
  38. <p class="ostatnio">Ostatnio na forum<br />
  39. <a href="#">bla bla</a><br />
  40. <a href="#">bla bla</a></p>
  41. <p class="stopka">All rights reserved Š</p>
  42.  
  43. <div id="prawo">
  44. <p class="ostatni">Ostatnio na forum<br />
  45. <a href="#">bla bla</a><br />
  46. <a href="#">bla bla</a>
  47. </p></div>
  48.  
  49. </div>
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65. </body>
  66. </html>
[HTML] pobierz, plaintext 






[HTML] pobierz, plaintext 
  1. * {padding:0;
  2.    margin:0;
  3.  
  4. }
  5.  
  6.  
  7.  
  8.  
  9.  
  10. #logo {background-image:url(images/logo.png);
  11.        width:1024px;
  12. 	   height:135px;
  13. }
  14.  
  15. .blog {color:#FFF;
  16.        font-family:Verdana, Geneva, sans-serif;
  17. 	   font-size:30px;
  18. 	   margin-left:15px;
  19. }
  20.  
  21. .opowiesci {color:#FFF;
  22.             font-family:Verdana, Geneva, sans-serif;
  23. 			font-weight:bold;			
  24. 			font-size:15px;
  25. 			margin-left:5px;
  26. }
  27.  
  28.  
  29. a.galeria {margin-left:700px;
  30.            text-decoration:none;
  31. 		   font-family:Verdana, Geneva, sans-serif;
  32. 		   font-size:24px;
  33. 		   color:#FFF;
  34.  
  35.  
  36. }
  37.  
  38.  
  39. a.download {text-decoration:none;
  40.             font-family:Verdana, Geneva, sans-serif;
  41. 			font-size:24px;
  42. 			color:#FFF;
  43. }
  44.  
  45.  
  46. a.kontakt {text-decoration:none;
  47.            font-family:Verdana, Geneva, sans-serif;
  48. 		   font-size:24px;
  49. 		   color:#FFF;
  50. }
  51.  
  52.  
  53. #right {background-image:url(images/prawemenu.png);
  54. 	  	height:450px;
  55. 		width:260px;
  56. 		margin-left:-5px;
  57.  
  58. }
  59.  
  60.  
  61. a.s {font-family:Georgia, "Times New Roman", Times, serif;
  62.      font-size:20px;
  63. 	 color:#FFF;
  64. 	 text-decoration:none;
  65. 	 margin-left:35px;
  66. 	 position:absolute;
  67. 	 top:154px;
  68.  
  69. }
  70.  
  71. a.p {font-family:Georgia, "Times New Roman", Times, serif;
  72.      font-size:20px;
  73. 	 color:#FFF;
  74. 	 text-decoration:none;
  75. 	 margin-left:35px;
  76. 	 position:absolute;
  77.      top:225px;
  78.  
  79. }
  80. a.sz {font-family:Georgia, "Times New Roman", Times, serif;
  81.      font-size:20px;
  82. 	 color:#FFF;
  83. 	 text-decoration:none;
  84. 	 margin-left:35px;
  85. 	 position:absolute;
  86. 	 top:287px;
  87.  
  88.  
  89. }
  90. a.pr {font-family:Georgia, "Times New Roman", Times, serif;
  91.      font-size:20px;
  92. 	 color:#FFF;
  93. 	 text-decoration:none;
  94. 	 margin-left:35px;
  95. 	 position:absolute;
  96. 	 top:354px;
  97.  
  98. }
  99.  
  100. a.f {font-family:Georgia, "Times New Roman", Times, serif;
  101.      font-size:20px;
  102. 	 color:#FFF;
  103. 	 text-decoration:none;
  104. 	 margin-left:35px;
  105. 	 position:absolute;
  106. 	 top:415px;
  107.  
  108. }
  109.  
  110.  
  111. a.kon {font-family:Georgia, "Times New Roman", Times, serif;
  112.      font-size:20px;
  113. 	 color:#FFF;
  114. 	 text-decoration:none;
  115. 	 margin-left:35px;
  116. 	 position:absolute;
  117. 	 top:480px;
  118.  
  119. }
  120.  
  121.  
  122. #footer {background-image:url(images/stopka.png);
  123.          clear:both;
  124. 		 position:absolute;
  125. 		 top:555px;
  126. 		 width:1024px;
  127. 		 height:100px;
  128.  }
  129.  
  130.  
  131.  
  132. p.ostatnio {color:#FFF;
  133.             font-family:"Times New Roman", Times, serif;
  134. 			font-size:17px;
  135. 			margin-left:100px;
  136. }
  137.  
  138.  
  139.  
  140. p.stopka {color:#FFF;
  141.           font-family:"Times New Roman", Times, serif;
  142. 		  font-size:15px;
  143. 		  text-align:center;
  144. }
  145.  
  146.  
  147. #left {margin-left:260px;
  148.        margin-right:30px;
  149.        font-family:Verdana, Geneva, sans-serif;
  150. 	   font-size:15px;
  151. 	   float:right;
  152.  
  153. }
  154.  
  155. .tytul {color:blue;
  156.         font-size:20px;
  157. }
  158.  
  159.  
  160.  
  161. .ostatni {position:absolute;
  162.           bottom:15px;
  163. 		  margin-left:800px;
  164. 		  position:absolute;
  165. 		  top:1px;
  166. 		  color:#FFF;
  167. 		  font-family:"Times New Roman", Times, serif;
  168. 		  font-size:17px;
  169. }
[HTML] pobierz, plaintext


wiem wiem , w kodzie jest troche nawalone

rozwiązane , na przylosc bede wiedzial ze logo/stopka auto szerokosci sie daje smile.gif