Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> DIV-y
magusia
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 13.05.2007

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


Walczę z tym już któryś raz, ale mam już dość rozwiązań połowicznych;)
Mam coś takiego:
  1. <?php
  2. $r .= '<div id="center_of_page">';
  3. $r .= '<div id="left">';
  4. $r .= $left;
  5. $r .= '</div>';
  6. $r .= '<div id="center">';
  7. $r .= $center;
  8. $r .= '</div>';
  9. $r .= '<div id="right">';
  10. $r .= $right;
  11. $r .= '</div>';
  12. $r .= '</div>';
  13. ?>

I style do tego:

Kod
#center_of_page
{
width: 600px;
background-color: #FFAAFF;
}
#left
{
float: left;
width: 200px;
text-align: left;
}
#center
{
float: left;
width: 300px;
text-align: left;
background-color: #FDFDFD;
}
#right
{
float: right;
width: 100px;
text-align: left;
}

Proszę używać bbcode.
poprawiam
revyag


I zawsze własnie jak mam coś takiego, czyli jakiś div i kilka divów w środku niego z parametrem float, to w ie mi ten zewnętrzny div je ładnie obejmuje, a w ff div wygląda jakby się kończył tam gdzie zaczyna. Jak to zwalczyć? Jak zrobić, żeby te divy zachowywały się identycznie w obu przeglądarkach?

Ten post edytował revyag 30.05.2007, 11:18:33
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Zapewne nie clear'ujesz kolejnego elementu.
  1. <div id="center_of_page">
  2. <div id="left"></div>
  3. <div id="center"></div>
  4. <div id="right"></div>
  5. <br style="clear:both" />
  6. </div>


--------------------
-------------

------
Go to the top of the page
+Quote Post
magusia
post
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 13.05.2007

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


Cytat(revyag @ 30.05.2007, 12:21:55 ) *
Zapewne nie clear'ujesz kolejnego elementu.
  1. <div id="center_of_page">
  2. <div id="left"></div>
  3. <div id="center"></div>
  4. <div id="right"></div>
  5. <br style="clear:both" />
  6. </div>


Faktycznie działa:) dzięki:)
Mam jeszcze pytanie, czy da się zrobić, żeby jedna z tych kolumn miała taką wysokość jak cały div ten zewnętrzny?
  1. height:100%
nic nie daje:(
Nie chcę jej ani divowi zewnętrznemu nadawać stałej wysokości, gdyż zmienia się jego zawartość w zależności od podstrony.

Ten post edytował magusia 30.05.2007, 11:26:46
Go to the top of the page
+Quote Post
revyag
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Jeśli chodzi o równe wysokości kolumn, to najprostszy sposób według mnie jest taki:
Kod
#center_of_page {
    overflow:hidden;
}
#left,#center,#right {
    padding-bottom:2000px;
    margin-bottom:-2000px;
}


--------------------
-------------

------
Go to the top of the page
+Quote Post

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: 19.08.2025 - 11:33