Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Trzy divy w jednej linii.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
lapek
Witam mam szablon w oparciu o divy.
Jest nagłówek, potem, niżej chciałbym żeby w lini były 3 divy: menu, newsy i 3 div.
Problem jest taki, że ten 3 div ma ustawienie w pionie zależne od długości tekstu w środkowym divie.
Tutaj trochę kodu

Wiem, że może to być coś banalnego jednak nie mogę znaleźć przyczyny.

  1. <div id="main">
  2. <div id="MENU"><?php include "include/produkty.php"; ?> </div>
  3. <div id="TRESC">
  4.  
  5. <?php
  6. $go = $_GET['go'];
  7.  
  8.  
  9. if(!empty($go)) {
  10.  
  11. if(is_file("page/$go.html")) include "page/$go.html";
  12.  
  13. else echo "<br />NIE MA TAKIEJ STRONY";
  14. }
  15. else include "page/start.html";
  16.  
  17. ?>
  18. </div>
  19. <div id="KONTAKT"><?php include "include/kontakt.php"; ?></div>


I style
  1. #MENU {
  2. width: 210px;
  3. float: left;
  4. background-color: #98b3d0;
  5. clear: both;
  6.  
  7. }
  8.  
  9. #KONTAKT {
  10. width: 240px;
  11. float: right;
  12. background-color: #98b3d0;
  13. vertical-align: top;
  14.  
  15. }
  16.  
  17. #TRESC {
  18. width: 400px;
  19. background-color: #98b3d0;
  20.  
  21. }
  22.  
erix
Cytat
Problem jest taki, że ten 3 div ma ustawienie w pionie zależne od długości tekstu w środkowym divie.

Słowa-klucze: css columns, float, inline-block.

A teraz siadaj do wyszukiwarki. wink.gif
lapek
Już sobie poradziłem.
Dzięki.
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.