Nieśmiertelny problem z dopasowaniem DIVów przynajmniej do rozmiarów okna

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Nieśmiertelny problem z dopasowaniem DIVów przynajmniej do rozmiarów okna

panszef Zobacz profil	5.06.2007, 14:09:20 Post #1
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 5.06.2007 Ostrzeżenie: (0%)	Otóż od jakiegoś czasu walczę z szablonem dla mambo. Ogólny wygląd strony można obejrzeć na załączonych poniżej screeniach. Ciało strony to [HTML] pobierz, plaintext <body> <div id="container"><div id="strona"> <div id="gradient"><div id="tresc"><?php include ("mainbody.php"); ?></div> <div id="lewemenu"><?php mosLoadModules ( 'left' ); ?></div><br style="clear:both; border: 0px solid black;"/> </div> </div></div> </body> [HTML] pobierz, plaintext Pliki CSS do wglądu pod następującymi adresami: http://sami-swoi.com.pl/mambo/templates/sa.../custom_css.css http://sami-swoi.com.pl/mambo/templates/sa...emplate_css.css Pierwszy CSS odpowieda za layout strony, drugi za formatowanie tekstu i takie tam. Wszystko byłoby OK gdyby pod FF oraz IE strona nie wyglądała tak jak na poniższych screenach: (IMG:http://www.vpx.pl/thumbs/g30ymgjanlzjo3ekmvmz.jpg) (IMG:http://www.vpx.pl/thumbs/qyeygd1zcozktml0iw43.jpg) Idea przy tworzeniu szablonu była taka żeby DIVy tresc i lewemenu rozszerzały w pionie DIVa gradient, a ten DIVa strona, a ten z kolei DIVa containter w ten sposób, że niezależnie od zawartości DIVów tresc i lewemenu DIVy strona i container bylby rozciagniete conajmniej do wysokości "obszaru roboczego przegladarki" (o ile sie nie myle jest to maksymalna wysokość taga HTML). Niestety tylko pod Operą uzyskałem porządany efekt, na screenach widać efekty interpretacji CSSa przez Firefoxa (nie rozciąga DIVa strona) oraz IE (nie rozciąga DIVów container i strona). Czy ktoś wie jak rozwiązać ten problem? EDIT: problem pod FF mogę rozwiązać dając nieprzeźroczysty obrazek na tło diva container, ale dalej będzie to rozwiązanie połowiczne, bo zostaje IE Ten post edytował panszef 5.06.2007, 14:11:58

barat Zobacz profil	5.06.2007, 16:55:40 Post #2
Grupa: Zarejestrowani Postów: 183 Pomógł: 0 Dołączył: 19.05.2007 Ostrzeżenie: (0%)	sprawdź, czy to pomoże: http://www.webmasterworld.com/forum83/200.htm

panszef Zobacz profil	6.06.2007, 12:31:52 Post #3
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 5.06.2007 Ostrzeżenie: (0%)	To akurat już miałem zastosowane (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Trochę zmieniłem ciało strony. Jeden DIV poszedł się kochać, a jeden zmienił nazwę. W CSSach również drobne zmiany (linki w pierwszym poście) [HTML] pobierz, plaintext <body> <div id="strona"> <div id="tlo"> <div id="tresc"><?php include ("mainbody.php"); ?></div> <div id="lewemenu"><?php mosLoadModules ( 'left' ); ?></div><br style="clear:both;" /> </div><br style="clear:both;" /> </div> </body> [HTML] pobierz, plaintext Pod IE mam już to co chciałem, ale pionowy suwak wariuje jeśli ustawie w overflow na auto dla body dla IE. Jednak to nie jest teraz moim największym zmartwieniem. Pod Firefoxem regres (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Efekt taki sam jak wczoraj na IE. Natomiast z Operą to co wczoraj napisałem to było moje niedopatrzenie - porządanego efektu nie uzyskałem. Obecnie pod Operą mam to samo co pod FF. I na koniec przypomnienie mojego zamysłu, ale chyba w bardziej przystępny sposób. DIV o id strona ma rozciągać się w pionie na całą wysokość okna jeśli zawartość DIVów o id tresc i lewemenu nie rozciągnie go sama do tego lub wiekszego rozmiaru. DIV tlo jest zwykłym tłem i zawiera w sobie tresc i lewemenu

« Następny starszy · CSS · Następny nowszy »

2 Użytkowników czyta ten temat (2 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

Aktualny czas: 18.09.2025 - 23:54

Hosting zapewnia