Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [xhtml][css] wysokość div'a
-Gosc_Pawel-
post 16.08.2006, 18:03:59
Post #1





Goście
Witam

Mam taki oto problemik, kombinowałem ale nie udało mi się go rozwiązać. Mam 2 div'y.

[HTML] pobierz, plaintext 
  1. <div style="float:left; width:150px; background-color: red">Pierwszy</div>
  2. <div style="float:left; width:480px; background-color: green">
  3. Drugi<br/><br/><br/><br/><br/><br/>Dol Drugiego</div>
[HTML] pobierz, plaintext


Są one obok siebie i nie wiem jak zrobić, żeby wraz ze zwiększaniem sie któregoś z nich (np przez wpisywanie tekstu - jak w przykładzie), w tym przypadku drugiego, pierwszy 'rozciągał' się na tą samą wysokość. W tym pierwszym chcę umieścić tylko tło, które musi być na całej wysokości drugiego.

Jeżeli to w ogóle możliwe to proszę o pomoc. Z góry dziękuję smile.gif

Hej
Go to the top of the page
+Quote Post
lukir
post 16.08.2006, 19:45:38
Post #2





Grupa: Zarejestrowani
Postów: 86
Pomógł: 0
Dołączył: 6.08.2004
Skąd: Warszawa

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

Wsadź te dwa DIV'y do jednego DIV'a, "kontenera":

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Auto filling</title>
  4. <style>
  5. .content0
  6. {
  7.  float: left;
  8.  background-color: red;
  9.  height: 20px; /*wysokość "kontenera" nie jest istotna, sprawia tylko, że CONTENT_1 "rozciąga się"*/
  10. }
  11.  
  12.  
  13.  
  14. .content1
  15. {
  16.  float: left;
  17.  width: 150px;
  18.  background-color: red;
  19.  height: 100%;
  20. }
  21.  
  22.  
  23.  
  24. .content2
  25. {
  26.  float: left;
  27.  width: 480px;
  28.  background-color: green;
  29.  height: 100%;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div class="content0">
  35.   <div class="content1"></div>
  36.  
  37.   <div class="content2"><!--tutaj wstaw długi tekst z wieloma tagami <br>--></div>
  38. </div>
  39. </body>
  40. </html>
[HTML] pobierz, plaintext


U mnie takie coś elegancko chodzi smile.gif (tzn. na IE i na Operze, Firefox się sypie...)


--------------------
"Tylko myśl dojrzała i jasna daje się wypowiedzieć w słowach prostych" - prof. Witold Doroszewski
Warsztat: os: Windows XP, serwer: Apache 2.0.55, php: 5.1.4, baza danych: MySQL 4.1.7.
Go to the top of the page
+Quote Post
Denver
post 16.08.2006, 19:48:39
Post #3





Grupa: Zarejestrowani
Postów: 132
Pomógł: 0
Dołączył: 24.09.2003
Skąd: Giżycko / Wrocław

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

Polecam artykuł Faux Columns z Alistapart oczywiście winksmiley.jpg


--------------------
olchowka.info
Giżycko - Oficjalne Forum Giżycka
Go to the top of the page
+Quote Post
-Gosc_Pawel-
post 17.08.2006, 08:58:07
Post #4





Goście
Hej

Obydwie propozycje polegają na tym samym, czyli na umieszczeniu tych div'ów w kontenetrze z tym, że pierwsza z założenia jest zła bo nie działa pod FF smile.gif - no może po drobnych poprawkach. Jednak nie o to mi chodziło. Z tego co kombinowałem dalej dochodzę do wniosku, że jednak inaczej niż wg propozycji nie da się tego zrobić (?).

Pozdrawiam i dziękuję
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: Standardowy · Przełącz na: 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: 31.07.2025 - 09:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn