Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Header na całą szerokość.
Forum PHP.pl > Forum > Przedszkole
GoldeNx3
15.12.2011, 23:09:32
Witam! Jak zrobić stronę, że header, będzie rozciągnięte na całą szerokość strony a na nim zamieścić logo?
A reszta treści miała szerokość np. 900px?
Shili
15.12.2011, 23:12:30
Pokaż kod i to co próbowałeś do tej pory zrobić.
Będziemy Ci wtedy w stanie określić to, co robisz źle i jak powinno być to poprawione.

Btw, tak na szybko:

width: 100% i odpowiednie ułożenie elementów htmlowych to rozwiązanie.
cykcykacz
15.12.2011, 23:14:57
Kod
<div id="header" style="width: 100%; background-color: orange;"></div>
<div id="content" style="width: 900px;"></div>
GoldeNx3
15.12.2011, 23:54:56 
[HTML] pobierz, plaintext 
  1. body{ 
  2. 	width: 100%; 
  3. 	height: 100%;
  4. 	background: #513E29;
  5. 	margin: 0;	
  6. 	padding: 0;	
  7. 	text-align: center;	
  8. 	font-family:tahoma,verdana,arial;	
  9. 	font-size:11px;	font-weight: normal;
  10. }
  11.  
  12. #site { 
  13. 	width: 100%; 
  14. 	height: 200px;  
  15. 	margin: 0px auto;
  16. 	position: relative; 
  17. 	background: #FF0000;
  18. }
  19.  
  20. ul#menu { 
  21. 	position: relative; 
  22. 	text-align: center; 
  23. 	margin: 0px; 
  24. 	height: 35px; 
  25. 	width: 100%; 
  26. 	list-style-type: none; 
  27. 	padding: 0px;
  28. }
  29.  
  30. ul#menu li{ 
  31. 	display: inline;
  32. }
  33.  
  34. ul#menu>li a { 
  35. 	line-height: 31px; 
  36. 	height: 41px; 
  37. 	padding: 6px 13px 7px; 
  38. 	color: #ad9c87; 
  39. 	font-size: 14px; 	
  40. 	font-family: "Times New Roman", times, tahoma,verdana,arial;
  41. }
  42. ul#menu>li>a:hover,ul#menu>li.sel>a  {
  43. 	color: #f8f4e6; 
  44. 	background-color: #513E29; 
  45. 	border-radius: 8px; 
  46. 	-moz-border-radius: 8px 8px 8px 8px; 
  47. }
[HTML] pobierz, plaintext 



[HTML] pobierz, plaintext 
  1. <body>
  2. 	<div id="site">
  3. 		<ul id="menu" >
  4.   		        <li><a class="" href="">O nas</a></li>
  5. 	               	<li><a class="" href="">Galeria</a></li>
  6. 	                <li><a class="" href="">Kontakt</a></li>
  7.  
  8. 		</ul>	
  9. 	</div>
  10. </body>
[HTML] pobierz, plaintext



No niby jest, ale teraz pytanie, jak zrobić okno tam gdzie jest czerwone tło, wyśrodkowane?
Czerwony kolor specjalnie, bym wiedział, co edytuję.
rossecki
16.12.2011, 15:09:45
Fajnie by było gdyby informacja zawierała "dokładnie który kontener chcesz przesunąć"..
To co napisałeś pod kodem jest niezbyt jasne.. nie wiadomo czy chodzi o to menu czy o całą stronę?
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.