Problem sa div kontejenerima

[ djovan01 @ 13.08.2008. 23:48 ] @

Praveci layout bez tabela naisla sam na prolem koji vec dva dana ne mogu da resim. Elem u cemu se radi jeste da footer se ne prikazuje u firefox 3 dok funkcionise u IE7. Layout treba da se satoji iz sledecih kontenera

main
header

middle
left right

footer

Ovde je stranica http://mrvadesign.890m.com/work/webfeathers/temp1.html

I css

Code:

/* Layout containers */


    #main
    {
        width:1200px;
        margin:0px;
        background-color:#e3ded1;
    }

    #header{
        width:1200px;
        height:163px;
    }


    #middle_container{
        width:1200px;
        height:704px;
        background-color:#e3ded1;
        }

    #middle_main_left{
        width: 309px;
        float:left;
        height:710px;
    }

    #contact_info{
        margin-top:0px;
        width: 309px;
        height:183px;
        background-image: url('../images/logo_address.gif');
        background-repeat: no-repeat;
    }
    #middle_main_right{
        width: 891px;
        height:100%;
        float:right;
        background-color:#e3ded1;
    }
    #middle_1{
        width:309px;
        height:710px;
        background-color:#e3ded1;
        overflow:hidden;
    }

    #middle_2{
         width:255px;
        height:100%;
        float:right;
        background-image: url('../images/div_2bg.jpg');
        background-repeat: repeat-y;
        overflow:hidden;

    }

    #middle_3{
        width:296px;
        height:100%;
        float:right;
        background-image: url('../images/div_3bg.jpg');
        background-repeat: repeat-y;
    }

    #middle_4{
        width:340px;
        height:100%;
        float:right;
        background-image: url('../images/div_4bg.jpg');
        background-repeat: repeat-y;
        overflow: hidden;


    }



    #footer{
        width:1200px;
        height: 198px;
        background-color:#3760a0;
        background-repeat:no-repeat;
        color:#000000;
    }

    #body_text {
        width: 225px;
    }

    #body_text2 {
        width: 265px;
    }

    #body_text3 {
        width: 325px;
    }

    #login_main{
        width: 309px;
        height:105px;
        float:left;

    }
    #login_pass{
        width: 309px;
        height:105px;
        float:left;
        margin-top:0px;

    }

    #login{
        width: 120px;
        height:47px;
        background-color:#647cb2;
        float:left;
        padding-top:0px;
        margin-top:0px;
        overflow: hidden;
    }

    #request_site{
        width: 309px;
        height:78px;
        float:left;

    }

    #request_field{
        width: 121px;
        height:28px;
        float:left;
        background-color:#3760a0;

    }
    /* Text styles */
    .address_info {
        margin-top:0px;
        padding-top:77px;
        padding-right:17px;
        font: Geneva, Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#262626;
        font-weight:bold;
    }

    .blue_title  {color: #004990}

    .body_text{
        margin-top:0px;
        padding-top:20px;
        padding-left:25px;
        font: Geneva, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#262626;
        font-weight:bold;
    }


    .footer_text{
        margin-top:0px;
        padding-top:704px;
        font: Geneva, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#000000;
        font-weight:bold;
    }

    .input_text{
        background:transparent url(../images/bg_input_1.gif) no-repeat scroll left top;
        border:0px none;
        height:19px;
        margin:1px 0pt;
        padding:2px 5px 0px;
        width:102px;
    }

[ askaratazor @ 20.08.2008. 20:06 ] @

Pocetak svakog web sajta:

1. Tabela sa 3 reda, proizvoljne sirine
2. Gornji red id='heder'
3. Srednji red id='main'
4. Donji red id='futer'

U vecini slucajeva svakom redu treba staviti horizontal alligment 'left' i vertical alligment 'top'. (jer ce explorer da ga postavi na middle, a to nije uvek ok)

I to je to, ID resavaj preko css, ne boj se da ubacis jos koju tabelu, skoro svakom id treba da postavis padding i margine na 0 (ili neku vrednost),
da ne bi pravilo probleme sa razlikom u exploreru i firefoxu

Ako pravis veci sajt, sacuvaj fajl kao php, i napravi jedan heder i futer kao posebne stranice i samo odradi include('heder.html') u gornji red, futer u donji red,
tako da ne moras da menjas na svakoj strani isto.. samo promenis heder.html, a i brze se ucitavaju sajtovi..

Eto, mali hint, srecno!