co tu zrobić żeby w tym szablonie logo i menu się nie suwało przy powiększaniu (chodzi oto że jak na przeglądarce powiększam rozdzielczość to logo i menu zjeżdża z nad ramki ). i chciał bym żeby nie zjeżdżało 

[HTML] pobierz, plaintext 
  1.  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4.       <title>3 kolumy</title>
  5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6.  
  7. </head>
  8. <body>
  9.  
  10. <style>
  11. * {
  12.           margin:0px;
  13.           padding:0px;
  14.      }
  15.  
  16.      #wrapper {
  17.           width:900px;
  18.           margin: 0px auto;
  19.      }
  20.  
  21.      #left {
  22.           float: left;
  23.           background-color: white;
  24.           width: 200px;
  25.           height: 900px;
  26.           position: relative;
  27.           border: 1px solid black;
  28.      }
  29.      #right {
  30.           float: right;
  31.           background-color: white;
  32.           width: 200px;
  33.           height: 900px;
  34.           position: relative;
  35.           border: 1px solid black;
  36.      }
  37.      #content {
  38.           background-color: white;
  39.           height: 900px;
  40.           float: left;
  41.           position: relative;
  42.      }
  43.  
  44.      #foter {
  45.           background-color: white;
  46. 		  margin-bottom: +10px;
  47.           width: 900px;
  48.           height: 80px;
  49.           position: relative;
  50.           border: 1px solid black;
  51.           clear: both;
  52.      }
  53.  
  54.  
  55.  
  56. .lewy {
  57.     display: block;
  58.     position: absolute;
  59.     top: 100px;
  60.     left: 50px;
  61.     font-family: DiavloLight-Regular, Arial, Helvetica, sans-serif;  
  62.     font-size: 22px;
  63.     font-style: decoration;
  64.     font-weight: normal;
  65.     color: black;
  66.     }
  67.  
  68. .prawy {
  69.     display: block;
  70.     position: absolute;
  71.     top: 100px;
  72.     left: 50px;
  73.     font-family: DiavloLight-Regular, Arial, Helvetica, sans-serif;  
  74.     font-size: 22px;
  75.     font-style: decoration;
  76.     font-weight: normal;
  77.     color: black;
  78.     }
  79.  
  80. .centralny {  
  81.     display: block;
  82.     position: absolute;
  83.     top: 100px;
  84.     left: 40px;
  85.     font-family: DiavloLight-Regular, Arial, Helvetica, sans-serif;  
  86.     font-size: 22px;
  87.     font-style: decoration;
  88.     font-weight: normal;
  89.     color: black;
  90.     }
  91.  
  92. .dolny {
  93.     display: block;
  94.     position: absolute;
  95.     top: 30px;
  96.     left: 70px;
  97.     font-family: DiavloLight-Regular, Arial, Helvetica, sans-serif;  
  98.     font-size: 22px;
  99.     font-style: decoration;
  100.     font-weight: normal;
  101.     color: black;
  102.     }
  103.  
  104. .fixed {
  105. width: 100%;
  106.  height: 85px;
  107.  color: white;
  108.  text-align: left;
  109.  background-color: black;
  110.  position: fixed; top: 0; left: 0; z-index: 9999;
  111.  }
  112.  
  113. #logo {
  114.     width: 100%;
  115.     font-family: DiavloLight-Regular, Arial, Helvetica, sans-serif; 
  116.     margin-top: +20px;
  117.     margin-left: +140px; 
  118.     font-size: 27px;
  119.     font-style: decoration;
  120.     font-weight: normal;
  121.     color: white;
  122. 	}
  123.  
  124. ul {
  125. list-style:none; /* usuwamy wypunktowanie listy */
  126. }
  127.  
  128. #menu  {
  129. margin: 0;
  130. padding: 0; /* usuwamy wszelkie odstępy */
  131.  
  132. }
  133.  
  134. #menu li a {
  135. border-left: 1px darkblue solid;
  136. border-right: 1px #585a5b solid;
  137. border-bottom: 0px #585a5b solid;
  138. border-top: 0px #2a2a2a solid;
  139. color: #ffffff;
  140. font-size: 18px;
  141. font-family: Arial;
  142. font-weight: normal;
  143. text-decoration:none;
  144. padding:15px 15px;
  145. background: black;
  146. }
  147.  
  148. #menu li, #menu li a {
  149. float:left;
  150. }
  151.  
  152. #menu li {
  153. position:relative; /* względem tego będziemy pozycjonowali podmenu */
  154. }
  155.  
  156. #menu li a:hover {
  157. background: darkblue;
  158. }
  159.  
  160. .menu {
  161. margin-top:-25px;
  162. margin-left:450px;
  163. }
  164.  
  165.  
  166. </style>
  167.  
  168. <div id="wrapper">
  169.  
  170.          <div id="top">
  171.                <div class="fixed"> <div id="logo">Nazwa strony</div> 
  172.  
  173. <div class="menu">		   
  174. 			 <ul id="menu">
  175. 	<li><a href="#">Home</a></li>
  176. 	<li><a href="#">O mnie</a></li>
  177. 	<li><a href="#">Portfolio</a></li>
  178. 	<li><a href="#">Oferta</a></li>
  179. 	<li><a href="#">Komentarze</a></li>
  180. 	<li><a href="#">Kontakt</a></li>
  181. </ul>
  182.  
  183. 			   </div>
  184.    </div>
  185.  
  186.  
  187.  
  188.    <div id="left">
  189.         <div class="lewy"> lewy bok</div>
  190.    </div>
  191.  
  192.    <div id="right">
  193.          <div class="prawy"> prawy bok</div>
  194.    </div>
  195.  
  196.   <div id="content">
  197.          <div class="centralny">środek</div>
  198.   </div>
  199.  
  200.          <div id="foter">
  201.            <div class="dolny">  duł
  202.            </div>
  203.          </div>
  204. </div>
  205. </body>
  206. </html>
[HTML] pobierz, plaintext