Problem z wysokością strony

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

Problem z wysokością strony

Postautor: Oplaner » 11 cze 2011, 18:30:07

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:
Image
Fragmenty z kodu CSS, jest tu ogólny div zawierający całą stronę i div na miejsce z tabelą:

CodeColon Select All Code

#page { //div z zawartością strony
    
margin0 auto;
    
background#E6E6E6;
    
padding-top110px;
    
padding-bottom15px;
    
width1000px;
    
min-height890px;
    
heightauto;
    -
webkit-radius0px 0px 15px 15px;
    -
moz-border-radius0px 0px 15px 15px;
    -
o-border-radius0px 0px 15px 15px;
    
border-radius0px 0px 15px 15px;
}

#newsbox { //div z tabelą z wpisami
    
width550px;
    
heightauto;
    
floatright;
    
margin-right100px;
    
padding0;
    
font-weightbold;
    
margin-top0px;
}

//to chyba tyle :)
  


Mam nadzieję, że w miarę dobrze wytłumaczyłem, o co mi chodzi :)
Urlich
Posty: 1624
Rejestracja: 05 sty 2011, 07:21:43
Reputacja: 37
Płeć: Mężczyzna
User Agent: Firefox Windows 1024x768

Re: Problem z wysokością strony

Postautor: Urlich » 11 cze 2011, 19:38:23

CodeColon Select All Code

height: auto;  

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

CodeColon Select All Code

 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.
Awatar użytkownika
Oplaner
Posty: 231
Rejestracja: 25 sty 2010, 20:00:27
Reputacja: 1
Lokalizacja: Warszawa
Płeć: Mężczyzna
User Agent: Chrome Windows 1366x768

Re: Problem z wysokością strony

Postautor: Oplaner » 11 cze 2011, 19:52:07

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:

CodeColon Select All Code



I kod CSS:

CodeColon Select All Code

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 :)

Wróć do „HTML, CSS”

Kto jest online

Użytkownicy przeglądający to forum: Obecnie na forum nie ma żadnego zarejestrowanego użytkownika i 1 gość