Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> 2 kolumny
slawo
post
Post #1





Grupa: Zarejestrowani
Postów: 184
Pomógł: 0
Dołączył: 11.01.2010
Skąd: Nowa Dęba

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


  1. #leftcol{
  2. width:500px;
  3. text-align:top;
  4. background-color: #ffffff;
  5. float:left;
  6. }
  7. #rightcol{
  8. float:right;
  9. width:300px;
  10. text-align:top;
  11. background-color: #ffffff;}



Witam, mam na stronie 2 kolumny. Z tym, że jedna jest dłuższa a jedna krótsza. Jak zrobić żęby te kolumny były równe? Niezależnie od tego w której kolumnie jest więcej treści.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
luckyps
post
Post #2





Grupa: Zarejestrowani
Postów: 153
Pomógł: 41
Dołączył: 28.06.2011
Skąd: Częstochowa

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


Mi do głowy przychodzi tylko rozwiazanie javascriptowe...
Pobrac wysokosc obu kolumn, sprawdzic ktora jest wieksza i ustawic wysokosc tej nizszej na wysokosc tej wyzszej.

  1. var leftcol = document.getElementById ("leftcol");
  2. var rightcol = document.getElementById ("rightcol");
  3.  
  4. leftHeight = leftcol.clientHeight;
  5. rightHeight = leftcol.clientHeight;
  6.  
  7. if(leftHeight > rightHeight) {
  8. rightcol.style.height = String(leftHeight)+"px";
  9. } else {
  10. leftcol.style.height = String(rightHeight)+"px";
  11. }

sprawdz czy dziala...
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 7.10.2025 - 00:57