Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Divy jeden wielki problem - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Divy jeden wielki problem (/thread-divy-jeden-wielki-problem)

Strony: 1 2 3 4 5 6


RE: Divy jeden wielki problem - sirmatthew - 13-05-2009

dalem nawet 202 itd.. 210.. nawet przy 250 nic

Patrzylem w FF jest niewielkie przesuniecie righthedera..
No i dolna czesc strony #righthederunder nie trzymaja sie #pageundera ze juz o foterze niewspomne


RE: Divy jeden wielki problem - Labsta.com - 13-05-2009

Dorzuć ten skrypt js z poprzedniego postu.
Zrób najpierw górę.
Dół zrobisz tak samo jak górę.
Ja nie mogę tego edytować live w IE dlatego robię to w FF stąd nie wiem jak zareaguje IE.


RE: Divy jeden wielki problem - sirmatthew - 13-05-2009

ok zobacze.. Wink


RE: Divy jeden wielki problem - Labsta.com - 13-05-2009

Kod:
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
wklej to do sekcji head


RE: Divy jeden wielki problem - sirmatthew - 13-05-2009

No ok.. wkleilem i nic sie nie dzieje


RE: Divy jeden wielki problem - Labsta.com - 13-05-2009

Daj mi chwilę.
A co się stanie jak zrobisz tak:
Kod:
#leftheader {
             width: 200px;
             height: 460px;
             position: absolute;
             margin: 0;
             padding: 0;
             background: url(image/leftheader.gif) repeat-y;
             border-bottom: 40px solid #a1a4a9;
}



RE: Divy jeden wielki problem - sirmatthew - 13-05-2009

No jest zdziebko lepiej Smile przynajmniej w IE 7 ale dol pozostawia wiele do zyczenia


RE: Divy jeden wielki problem - Labsta.com - 13-05-2009

Kod:
#leftheaderunder {
                 width: 200px;
                 height: 300px;
                 position: absolute;
                 margin: 0;
                 background: #dad2c7 url(image/leftheaderunder.gif) no-repeat;
}
Kod:
#rightheaderunder {
                 width: 1010px;
                 margin: 0;
padding-left: 200px;
                 background: #dad2c7;
}



RE: Divy jeden wielki problem - sirmatthew - 13-05-2009

Przy zwiekszeniu okna w FF i IE body backgraund zalewa braki po prawej stronie...
A przy zmniejszeniu tekst z righthedera chowa sie mysle ze funkcja hidden to niedobry pomysl..

Tak to wyglada po zmianach.. http://dreamsite.com.pl


RE: Divy jeden wielki problem - Labsta.com - 13-05-2009

Na pewno jeszcze do #rightheaderunder:
Kod:
overflow: hidden;

chowa się bo trzeba dać jak móiłem wcześniej elementom min-width

i z tym tłem:
Kod:
#rightheader {
        width: 100%;
        height: 460px;
        margin: 0;
        padding: 0;
        padding-left: 200px;
        background: #dfe0e4 url(image/rightheader.gif) repeat-y 200px 0px;
        border-bottom: 40px solid #b0b3bc;


}

edit: overflow: hidden tak naprawdę niczego nie chowa, powoduje że nadzrzędny div rozciąga się do wysokości dziecka