Problem z wysokością strony

Wszystko o HTML, XHTML, XML, CSS.
ODPOWIEDZ
Awatar użytkownika
Oplaner
Posty: 231
Rejestracja: 25 sty 2010, 20:00:27
Lokalizacja: Warszawa
Płeć: Mężczyzna
User Agent: Chrome Windows 1366x768

Problem z wysokością strony

Post autor: Oplaner »

Witam, mam problem z automatycznym ustawianiem wysokości strony, które jakoś nie działa :( Ale przejdę do konkretów; robię wpisy na mojej stronie i jest tam tabela z nimi. Wszystko jest ok itd., jednak ta tabela wystaje poza stronę i brzydko to wygląda. Próbowałem dać do ogólnego pojemnika div height:auto ale nic to nie dało. Strona ma się dostosować tak, żeby tabela skończyła się w miejscu, gdzie jest czerwona kreska, a pod tą kreską jeszcze kawałek wolnego miejsca i dopiero koniec elementu. Zdjęcie:
Obrazek
Fragmenty z kodu CSS, jest tu ogólny div zawierający całą stronę i div na miejsce z tabelą:

Kod: Zaznacz cały

#page { //div z zawartością strony
    margin: 0 auto;
    background: #E6E6E6;
    padding-top: 110px;
    padding-bottom: 15px;
    width: 1000px;
    min-height: 890px;
    height: auto;
    -webkit-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -o-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
}

#newsbox { //div z tabelą z wpisami
    width: 550px;
    height: auto;
    float: right;
    margin-right: 100px;
    padding: 0;
    font-weight: bold;
    margin-top: 0px;
}

//to chyba tyle :)
  
Mam nadzieję, że w miarę dobrze wytłumaczyłem, o co mi chodzi :)
Na górę
Urlich
Posty: 1624
Rejestracja: 05 sty 2011, 07:21:43
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768

Re: Problem z wysokością strony

Post autor: Urlich »

Kod: Zaznacz cały

height: auto;  
a czy w tym wszędzie jak ustawisz wysokość na własną nic sie nie zmieni?
i ew. tego

Kod: Zaznacz cały

 min-height: 890px; 
sie pozbyć lub ustawić tak samo


Tak trafiam
Nie potrafisz znieść krytyki?.. Prawdziwy zwycięzca nie boi się ani nagich faktów, ani krytyki.
Na górę
Awatar użytkownika
Oplaner
Posty: 231
Rejestracja: 25 sty 2010, 20:00:27
Lokalizacja: Warszawa
Płeć: Mężczyzna
User Agent: Chrome Windows 1366x768

Re: Problem z wysokością strony

Post autor: Oplaner »

Usunąłem height: auto i dalej jest jak jest. A min-height nie mogę usunąć, to musi być.

---- EDIT ----

Jak usunąłem min-height, a zostawiłem height: auto to element page sięgał tylko do menu, a dalej pustka, resztę strony zajmowała tabela. Czyli height: auto z jakiegoś powodu nie działa. :( Pozycjonowania page nie mogę zmienić, bo będzie źle...

---- EDIT ----

Podam jeszcze kod HTML i inne istotne elementy z CSS; dane w HTML trochę zmieniłem, ale struktura jest taka sama jak w oryginale:

Kod: Zaznacz cały

I kod CSS:

Kod: Zaznacz cały

body {
    background: #000000 url('tlostrony.jpg') repeat-x;
    font-family: Tahoma, sans-serif;
    position: relative;
    margin: 0;
    padding: 0 0 20px;
}

#page {
    margin: 0 auto;
    background: #E6E6E6;
    padding-top: 110px;
    padding-bottom: 15px;
    width: 1000px;
    min-height: 890px;
    height: auto;
    -webkit-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -o-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
}

#main {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 19px;
}

#welcome {
    position: absolute;
    width: auto;
    height: auto;
    margin-left: 120px;
    font-weight: bold;
}

#newsbox {
    width: 550px;
    height: auto;
    float: right;
    margin-right: 100px;
    padding: 0;
    font-weight: bold;
    margin-top: 0px;
} 
Mam nadzieję, że uda się komuś rozwiązać ten problem :?

---- EDIT ----

Nie wiem, czemu HTML się nie wyświetlił :? Coś tu się psuje. Muszę podać linka do innego forum, gdzie jest ten kod:http://webcentral.pl/post44487.html#p44487

---- EDIT ----

Problem rozwiązany, temat do zamknięcia :)
Na górę
ODPOWIEDZ

Wróć do „HTML, CSS”