Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html][css] Layout DIV na 100% width oraz height !POMOCY!, Konkretna pomoc!
ciepolml
post
Post #1





Grupa: Zarejestrowani
Postów: 18
Pomógł: 2
Dołączył: 12.04.2008
Skąd: Poznań

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


Witam serdecznie.
Od paru dni nie moge sie uporać z moim nowym szablonem na strone www, który chce oprzeć na diva'ch i dostosować do FF oraz IE6 oraz IE7.
Przedstawiam rysunek graficzny podziału stronu oraz layout pod jaki to będzie.
Po wielu próbach stworzyłem lay na tabelce, (czego nienawidze) ale mam w nim problem z poziomym scrollem.

Prosze o pomoc w ułożeniu tego na div opisanych CSS, lub podpowiedź czemi w IE jest poziomy suwak, gdy strona jest długa? Czy chodzi o to ze jak pojawia sie pionowy scroola, to strona juz jest weższa, i width: 100% musi juz pokazc sie suwak? Dodatkowo przy przetwarzaniu png pod IE za pomocą pngFIX obrazek który wstawiony jest w
CODE
<div id="logo"><img src="img/logo.png" alt="Logo NeatGroup.pl" />div>


pod IE zaczyna przesuwać sie ze stroną, a ma byc statycznie jak pod FF. Gdy ustawiłem go jako tło DIV, to było OK, ale w IE suwaki na stronie byly
jakby ustawione na 90%, i jakies dziwne marginesy sie robiły.

Pokazuje szkic:
http://www.neatgroup.pl/screen/screen1_ng.jpg

#left1,2,3,4 chce aby zawsze były na 100% wysokości przeglądarki, i by sie rozszerzały (rozciagały) w nieskonczoność względem tresci umieszczonej w #tresc, a na stronie pojawi sie po prawej pionowy suwak. #left1 - 200px width ; left2,3,4 powiedzmy po 15px; Czyli tak jakby prawa jest zawsze widoczna na cała wysokośc. Chce jednak by było to płynne bo będzie tam logo, które bedzie na sztywno ustawione w jednej pozycji i po zjechaniu na dół na zostać na swoim miejscu.

#top oraz #bottom maja height: 130px; oraz width:100% lub jak w kodzie by musiało byc "auto" zawsze dopełniając poziomo do końca stronę na sztywno z tym ze #bottom zjeżdza na dół wraz z rozciąganiem #treśc.

Sama #tresc, ma width:780xp; i jest w div#center który wypełnia stronę na 100% width.


Pokazuje layout:
http://www.neatgroup.pl/screen/layout3.jpg

Tabelką zrobiony szkic dostepny:
http://www.neatgroup.pl/ngnew/

GENERALNIE CHCE TO ZROBIć NA div, WIEC TE PROBLEMY Z LAYOUTEM POD ie SA DLA MNIE MNIEJ WAZNE.
Czy ktoś mógłby zaprezentować kod do tego? Ja juz tu dostaje do głowy z pozycjonowaniem DIV na 100% height i width. Zawsze ukochanemu IE cos nie pasuje, a w tym układzie nawet najcięzej pod FF niektóre rzeczy mi było poustawiać.

Ten post edytował ciepolml 12.04.2008, 18:47:26
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 15:06