Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Nie działą wyrównanie div-ów
raptorx
post
Post #1





Grupa: Zarejestrowani
Postów: 29
Pomógł: 1
Dołączył: 28.09.2008
Skąd: Z drugiej strony kabla

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

Witam,

przeszukując wujka google w poszukiwaniu rozwiązania mojego problemu dot. wyrównania div-ów znalazłem takie coś:
Kod
#menulewe { width: 153px; padding-bottom: 2000px; margin-bottom: -2000px; }
#tresc { width: 480px; padding-bottom: 2000px; margin-bottom: -2000px; }
#menuprawe { width: 148px; padding-bottom: 2000px; margin-bottom: -2000px; }


lecz u mnie po zmianie danych nie działa.

Kod mojej strony wygląda następująco:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4.     <meta name="author" content="UG Kochanowice">
  5.     <link rel="Stylesheet" type="text/css" href="style.css">
  6.     <title>GOPS</title>
  7. </head>
  8. <body>
  9.     <div id="top">
  10.         <div id="logo">
  11.             logo
  12.         </div>
  13.         <div id="kontenersrodek">
  14.             <div id="menulewe">
  15.                 menu
  16.             </div>
  17.             <div id="tresc">
  18.                 tresc klfdskfksdjk kkldskfkld skfjldjskfj ksdjfio sdklfjkldsjfl 
  19.                 skldfjksjl df sdjkfjdksfjfkljkJKFJ KdjklJk 
  20.                 dfksdjklfsdkljfkld
  21.                 fsdjkf;sdf
  22.                 dsjf'
  23.             </div>
  24.             <div id="menuprawe">
  25.                 menu 1
  26.             </div>
  27.         </div>
  28.         <div id="stopka">
  29.             stopka
  30.         </div>
  31.     </div>
  32. </body>
  33. </html>
[HTML] pobierz, plaintext


Kod cssa:

Kod
html, body {
    background-color: #fff;
    color: #000;
}

#top {
    width: 800px;
    margin: 0 auto;
    padding-top: 20px;
}

#logo {
    width: 798px;
    background-color: #888;
    border: solid 1px #000000;
    height: 200px;
}

#kontenersrodek {
    text-align: left;
}
#menulewe{
    width: 153px;
    float: left;
    overflow: hidden;
    background-color: #ccc;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    padding-left: 5px;
    
}

#menuprawe {
    width: 148px;
    float: right;
    overflow: hidden;
    background-color: #ccc;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
}

#tresc {
    width: 480px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    overflow: hidden;
    background-color: #fff;
    min-height: 50px;
}

#stopka {
    clear: both;
    width: 798px;
    background-color: #888;
    border: solid 1px #000000;
}

#menulewe { width: 153px; padding-bottom: 2000px; margin-bottom: -2000px; }
#tresc { width: 480px; padding-bottom: 2000px; margin-bottom: -2000px; }
#menuprawe { width: 148px; padding-bottom: 2000px; margin-bottom: -2000px; }


Poniżej prezentuję screen tej strony:


Ten post edytował raptorx 25.11.2008, 13:25:21


--------------------
PHP & MySQL
Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
lecz u mnie po zmianie danych nie działa.

Czyli co się dzieje? Wysadza w powietrze komputer?


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
raptorx
post
Post #3





Grupa: Zarejestrowani
Postów: 29
Pomógł: 1
Dołączył: 28.09.2008
Skąd: Z drugiej strony kabla

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

Cytat(erix @ 25.11.2008, 15:56:56 ) *
Czyli co się dzieje? Wysadza w powietrze komputer?


Raczej nie równa ? Dodatkowo dołączyłem screen. Divy się robią długie tak, że końca nie widać.


--------------------
PHP & MySQL
Go to the top of the page
+Quote Post
piotrooo89
post
Post #4


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
jak ustawiłeś takie paddingi to się nie dziwie... padding-bottom: 2000px; to jest kawałek...


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
raptorx
post
Post #5





Grupa: Zarejestrowani
Postów: 29
Pomógł: 1
Dołączył: 28.09.2008
Skąd: Z drugiej strony kabla

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

To jakie ustawić ? Na wcześniejszej stronie takie ustawiłem i było wszystko ok, a tutaj się przedłuża w nieskończoność. A chodzi mi tylko o wyrównanie przy większej ilości tekstu.


--------------------
PHP & MySQL
Go to the top of the page
+Quote Post
piotrooo89
post
Post #6


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
ustaw np.: height: auto; min-height: 400px;


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
erix
post
Post #7





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
~piotrooo89, to nie o to chodzi z paddingami; to jest coś w stylu faux columns.

~raptorx: poczytaj: http://www.alistapart.com/articles/holygrail


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

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
raptorx
post
Post #8





Grupa: Zarejestrowani
Postów: 29
Pomógł: 1
Dołączył: 28.09.2008
Skąd: Z drugiej strony kabla

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

Cytat(erix @ 25.11.2008, 18:01:22 ) *
~piotrooo89, to nie o to chodzi z paddingami; to jest coś w stylu faux columns.

~raptorx: poczytaj: http://www.alistapart.com/articles/holygrail


Dziękuję Wam za pomoc. Rozwiązałem problem z linku erix'a.

Pozdrawiam


--------------------
PHP & MySQL
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 Aktualny czas: 19.08.2025 - 07:25
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn