Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html][php] Div / Długość Strony Zależna Od Zawartości, Ale..
Oscar_83
post
Post #1





Grupa: Zarejestrowani
Postów: 80
Pomógł: 0
Dołączył: 10.05.2007

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


Witam
Mam takie pytanko, jak zrobić żeby długość strony zależała od zawartości, ale żeby zawsze prawa kolumna, była równa lewej kolumnie. Już dokładnie tłumacze jak u mnie to wszystko wygląda. Mam stronke zrobioną w divach i mam tam:
-nagłówek
-lewą kolumnę
-prawą kolumnę
-stopkę

w lewej kolumnie mam menu, a w prawa się zmienia w zależności od wyboru w menu. I teraz chciałbym żeby lewa kolumna i prawa zawsze były równe (tzn kończyły się w tym samym miejscu) a wielkość ich żeby się zmieniała w zależności od zawartości prawej kolumny.

  1.  
  2. <div id="strona">
  3.  
  4. <div id="naglowek">
  5.  
  6. </div>
  7. <div id="lewakolumna">
  8.  
  9. <br><br><br><br>
  10.  
  11. <table border="0" cellspacing="0" width="172px">
  12. <tr>
  13. <td><br>&nbsp<a href="index.php?id=o_firmie">O firmie</a><br>&nbsp</td>
  14. </tr>
  15. <tr>
  16. <td>&nbsp<a href="index.php?id=aktualna_oferta">Aktualna oferta</a><br>&nbsp</td>
  17. </tr>
  18. <tr>
  19. <td>&nbsp<a href="index.php?id=inwestycje">Planowane inwestycje</a><br>&nbsp</td>
  20. </tr>
  21. <tr>
  22. <td>&nbsp<a href="index.php?id=galeria">Galeria</a><br>&nbsp</td>
  23. </tr>
  24. <tr>
  25. <td>&nbsp<a href="index.php?id=adres">Adres i kontakt</a><br>&nbsp<br>&nbsp</td>
  26. </tr>
  27. </table> </div>
  28. <div id="prawakolumna">
  29.  
  30. <?php
  31.  
  32. $strony=array('o_firmie','aktualna_oferta','galeria','adres','ulica','inwestycje','lista');
  33.  
  34. if (isset($_GET['id'])) $id=$_GET['id'];
  35. else $id='';
  36. if (!in_array($id,$strony)) $id=$strony[0];
  37. if (file_exists($id.'.php')) include($id.'.php');
  38. else include('o_firmie.php')
  39. ?>
  40. </div>
  41.  
  42. <div id="stopka">
  43.  
  44.  
  45.  
  46. </div>
  47.  
  48.  
  49. </div>
  50.  
  51.  
  52. </body>


plik ze stylami:
* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font color: #0056E8;
background: #A7C2D5;

}
a { text-decoration: none }
a:link { color: #0000FF }
a:visited { color: #1E1EAD }
a:hover { text-decoration: underline }
a:active { color: #FFFFFF }

#strona {
margin: 0 auto;
width: 758px;

}

#naglowek {
color: #333;
width: 736px;
float: left;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 15px 0px 0px 0px;
background-image:url('naglowek1.JPG');
}
#lewakolumna {
color: #333;
border: 1px solid #A3C3FF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 710px;
width: 180px;
float: left;
background-image:url('lewakolumna.jpg');
}
#prawakolumna {
float: right;
color: #333;
border: 1px solid #A3C3FF;
background: #CCE6FF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 710px;
width: 534px;
display: inline;
}
#stopka {
font-size: 9pt;
width: 736px;
clear: both;
color: #333;
border: 1px solid #A3C3FF;
background-image:url('stopka.jpg');
margin: 0px 0px 10px 0px;
padding: 10px;
}

Ten post edytował Oscar_83 10.08.2007, 21:23:42
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 21.08.2025 - 21:20