Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Dwa divy - taka sama wysokość
dk1342
post 14.10.2009, 14:31:42
Post #1





Grupa: Zarejestrowani
Postów: 275
Pomógł: 9
Dołączył: 24.07.2008
Skąd: Racibórz

Ostrzeżenie: (10%)
X----

Witam, tworze sobie szablon i wygląda on mniej więcej tak:

LOGO
MENU GÓRNE
MENU LEWE | TREŚĆ
STOPKA

No i mam problem z Menu lewym i treścią, nie chce ustalać stałych wysokości, ale chce żeby były takie same, czyli np. jeśli dam więcej tekstu do diva treść a w menu będzie mniej treści to i tak one się wyrównają. Nie wiem czy dokładnie wytłumaczyłem, teraz przedstawię na screenach i kodzie.

http://iv.pl/images/tlbx0n079i7n8df2lop6.png

I jak widać treści jest więcej niż podpunktach w menu więc menu jest mniejsze od treści a chciałbym żeby były równo, żeby automatycznie menu się powiększało jak się doda więcej treści

Tutaj rysunek w paincie jak to ma wyglądać

http://iv.pl/images/p5rh15fkmxwbbx0urz2.png

Kod html:
[HTML] pobierz, plaintext 
  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> 
  4.  <link rel="Stylesheet" type="text/css" href="style.css" /> 
  5. <title>cos</title> 
  6. </head> 
  7. <body>
  8. <div id="top">
  9. <div id="logo"> 
  10. </div>
  11. <div id="menu_gorne">
  12. Menu górne
  13. </div>
  14.  
  15. <div id="menu_lewe">
  16. Indeks <br />
  17. Coś <br />
  18. Coś 2 <br />
  19. </div>
  20. <div id="tresc">
  21. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  22. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  23. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  24. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  25. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  26. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  27. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  28. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  29. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  30. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  31. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  32. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  33. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  34. tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc tresc
  35. </div>
  36. <div id="stopka">
  37. Stopka
  38. </div>
  39.  
  40. </div>
  41. </body> 
  42. </html>
[HTML] pobierz, plaintext


CSS:
[CSS] pobierz, plaintext 
  1. body 
  2. {
  3. 	background-color: #454545;
  4. }
  5. #top
  6. {
  7. 	width: 1002px;
  8. 	margin: auto;
  9. }
  10. #logo
  11. {
  12. 	width: 1000px;
  13. 	height: 180px;
  14. 	background-color: #000;
  15. 	border: 1px solid #fff;
  16. }
  17. #menu_gorne
  18. {
  19. 	border: 1px solid #fff;
  20. 	width: 1000px;
  21. 	height: 25px;
  22. 	background-color: #000;
  23. }
  24. #menu_lewe
  25. {
  26. 	width: 200px;
  27. 	float: left;
  28. 	background-color: #fff000;
  29. 	margin: 0;
  30. 	padding: 0px;
  31. }
  32. #tresc
  33. {
  34. 	width: 802px;
  35. 	margin: 0px;
  36. 	padding: 0px;
  37. 	background-color: #fff;
  38. 	float: right;
  39. }
  40. #stopka
  41. {
  42. 	width: 1002px;
  43. 	height: 35px;
  44. 	background-color: #000;
  45. }
[CSS] pobierz, plaintext


Nie mam pojęcia jak to zrobić.

Ten post edytował dk1342 14.10.2009, 14:33:01


--------------------
Firefox - The Best,
Internet Exokier - shit
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Maxik
post 14.10.2009, 14:39:43
Post #2





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

Słowo klucz: faux columns, http://ludwik.org/blog/faux-columns-pl/


--------------------
Pomogłem? Kliknij przycisk Pomógł pod pomocnym Ci postem.
http://maxik.me/
Go to the top of the page
+Quote Post
dk1342
post 14.10.2009, 14:45:02
Post #3





Grupa: Zarejestrowani
Postów: 275
Pomógł: 9
Dołączył: 24.07.2008
Skąd: Racibórz

Ostrzeżenie: (10%)
X----

Dokładnie o to mi chodziło, nie przepuszczałem że będzie to takie proste.
Dzięki.


--------------------
Firefox - The Best,
Internet Exokier - shit
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 20:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn