Divy jeden wielki problem

[sirmatthew]

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

[Labsta.com]

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.

[sirmatthew]

ok zobacze..

[Labsta.com]

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

[sirmatthew]

No ok.. wkleilem i nic sie nie dzieje

[Labsta.com]

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;
}

[sirmatthew]

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

[Labsta.com]

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;
}

[sirmatthew]

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

[Labsta.com]

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