Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Poyzcjonowanie elementów+problem z IE
Forum PHP.pl > Forum > Przedszkole
-morman-
17.11.2008, 11:29:16
Mam problem z ustawieniem footeru na stronie oto screenshot:
http://www.mormansite.multimo.pl/01.jpg (opera i firefox)
http://www.mormansite.multimo.pl/02.jpg (IE)
Wszystko fajnie wygląda dopóki nie zacznie powiększać czerwonego tła w tedy wszystko się sypie (tak powinno wyglądać przed rozszerzeniem: http://www.mormansite.multimo.pl/lk.jpg ) chciał bym aby szare tło pozostało na swoim miejscu i rozszerzało się wprost proporcjonalnie do czerwonego tła.


Oto css: http://www.mormansite.multimo.pl/style.css

[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. <link rel="stylesheet" href="style.css" type="text/css" />
  6. <title>..::PRACA::..</title>
  7.  
  8. </head>
  9.  
  10. <body>
  11.  
  12. <div id="all">
  13.  
  14. 	<div id="header">
  15.  
  16.   		<div id="top_left"></div>
  17.  		<div id="top_middle"></div>
  18.   		<div id="top_right"></div>
  19.    			<div id="navy_left"></div>
  20.        		<div id="navy_bg">
  21.             	<ul id="menu">
  22. 					<li><a href="index.html" id="home">Home</a></li>
  23.                     <li><a href="01.html" id="wycieczki">Home</a></li>
  24.                     <li><a href="02.html" id="lastminute">Home</a></li>
  25.                     <li><a href="03.html" id="promocje">Home</a></li>
  26.                     <li><a href="04.html" id="przewodnik">Home</a></li>
  27.                     <li><a href="05.html" id="forum">Home</a></li>
  28.  
  29.  
  30. 				</ul>
  31.  
  32.             	<input name="newsletter" type="text" value="Newsletter..." size="18" class="newsletter"/>
  33.             	<input name="send" type="button" value="send" class="send"/>
  34.             </div> 
  35. 			<div id="navy_right"></div>
  36.  
  37. 	</div>
  38.  
  39. 	<div id="content">
  40. 		<div id="contet_left"></div>
  41.     	<div id="contet_right"></div> 
  42.     	<div id="contet_middle"></div> 
  43.  
  44. 	</div>
  45.  
  46. </div>
  47.  
  48.  
  49. <div id="footer_bg"></div>  
  50. </body>
  51. </html>
[HTML] pobierz, plaintext


[html][/html]
korek_a
17.11.2008, 19:39:05
po każdym elemencie float musi wystąpić element clear bo zapewne jak wiesz elementy float to elementy wyjęte z tekstu http://kurs.browsehappy.pl/CSS/Float
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.