Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Problem z układem strony
Forum PHP.pl > Forum > Przedszkole
kalikuleczka
17.07.2008, 12:13:07
Witam...
Potrzebuje pomocy z napisaniem kodu pod stronę efekt jaki chciałabym uzyskać
strona

I nie potrafię tego ugryź...

Pomoże ktoś?
qba10
17.07.2008, 12:16:06
Ty prosisz o gotowca?
Odwiedź http://www.kurshtml.boo.pl/css/wstep,szablon.html
kalikuleczka
17.07.2008, 12:47:38
Było by miło.
Pokaże może do czego doszłam sama winksmiley.jpg

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
  5. <title>Page</title>
  6. </head>
  7. <body>
  8. <div id = "kontener">
  9. 	<div id = "logo">
  10. 	</div>
  11. 	<div id = "menu">
  12. 	</div>
  13. 	<div id = "zawartosc">
  14. 	</div>
  15. 	<div id = "stopka">
  16. 	</div>
  17. </div>
  18. </body>
  19. </html>
[HTML] pobierz, plaintext

i css do niego
[HTML] pobierz, plaintext 
  1. html,body
  2. 	{
  3. 		margin: 0;
  4. 		padding: 0;
  5. 		text-align: center;
  6. 		background: #000000;
  7. 		font-family: Tahoma;
  8. 		font-size:12px;
  9. 	}
  10. div#kontener
  11. 	{
  12. 		background-image: url(tlo.jpg);
  13. 		margin:0 auto;
  14. 		padding : 0px;
  15. 		width:610px;
  16. 	}
  17. div#logo
  18. 	{
  19. 		background-image: url(logo.jpg);
  20. 		margin:0 auto;
  21. 		padding : 0px;
  22. 		width:610px;
  23. 		height:247px;
  24. 	}
  25. div#menu
  26. 	{
  27. 		margin:0 auto;
  28. 		padding : 0px;
  29. 	}
  30. div#zawartosc
  31. 	{
  32. 		background-image : url(zaw.jpg);
  33. 		background-repeat : no-repeat;
  34. 		width : 610px;
  35. 		height:191px;
  36. 		margin : 0 auto;
  37. 		padding : 20px 35px;
  38. 	}
  39. div#stopka
  40. 	{
  41. 		background-image:url(stopka.jpg);
  42. 		background-repeat: no-repeat;
  43. 		width:610px;
  44. 		height:130px;
  45. 		margin:0 auto;
  46. 		padding : 0px;
  47. 	}
[HTML] pobierz, plaintext

Tylko teraz mi wytłumaczcie jak zawartość podzielić na 2 równe części.
Chcę aby strona wyglądała i zachowywała się normalnie przy rozdzielczości większej niż 1024x768
Więc tworzenie div'ów i ułożenie ich za pomocą absolute nie wchodzi w rachubę.
charlie-cherry
17.07.2008, 20:00:28
Nie jestem pewnien co to znaczy, że strona będzie się zachowywała "normalnie". A co podzielenia diva to sprawa jest w miarę prosta i można zrobić to na kilka sposobów.

Ja proponuję wewnątrz "zawartosc" utworzyć dwa divy:

zawartosc_lewy
zawartosc_prawy

Obydwu nadać "float:left" i ustalić szerokość w pikselach i procentach, a divowi stopka trzeba w css "clear:both" inaczej "zwartosc" będzie nachodziła na stopkę.

Zadziałało?
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.