Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Problem z układem strony
Forum PHP.pl > Forum > Przedszkole
RaiZeN
20.05.2015, 15:25:07
Witam, mam problem z układem mojej strony (nie dokończona jeszcze), wygląda tak: http://scr.hu/3h2l/yciro
Natomiast w kodzie najpierw jest ustawiony górny niebieski div z margin-left 9%, a potem ciemny lewy z width:9%. Chciałbym dodać zawartość do białego tła na środku, jednak ono pojawia się na dole strony, pod ciemnym divem.
Jeśli trzeba będzie dam kod, z góry dziękuję za pomoc. wink.gif
muniekw
20.05.2015, 15:31:36
Bez kodu to tak ciężko coś powiedzieć.
RaiZeN
20.05.2015, 15:37:59
Kod: http://pastebin.com/WEbxhbBC
i css: http://pastebin.com/0b2Tfrcq
Kshyhoo
20.05.2015, 16:19:01 
[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>...</title>
  6. <style type="text/css">
  7. body, html {
  8. 	height: 100%;
  9. }
  10. .ap_left {
  11. 	background-color: #282828;
  12. 	height: 100%;
  13. 	min-height: 100%;
  14. 	width: 9%;
  15. 	float: left;
  16. }
  17.  
  18. .ap_top {
  19. 	background-color: #0866C6;
  20. 	width: 91%;
  21. 	margin: 0 auto;
  22. 	float: right;
  23. 	height: 4%;
  24. 	color: #fff;
  25. /*	padding-left: 10px;*/
  26. 	padding-top: 7px;
  27. 	font-size: 18px;
  28. }
  29.  
  30. .ap_right {
  31. 	background-color: #ffff00;
  32. 	height: 96%;
  33. 	width: 91%;
  34. 	float: left
  35. }
  36. </style>
  37. </head>
  38. <body>
  39.  
  40. <div class="ap_left">
  41. 	zawartosc lewego diva
  42. </div>
  43.  
  44. <div class="ap_top">
  45. 	zawartosc gornego diva
  46. </div>
  47.  
  48. <div class="ap_right">
  49. 	tekst ktory powinien byc na bialym tle
  50. </div>
  51.  
  52. </body>
  53. </html>
[HTML] pobierz, plaintext
RaiZeN
20.05.2015, 17:42:29
@Kshyhoo
Wielkie dzięki, działa. wink.gif
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.