Русское сообщество fluxbb

koshka

Гость

кроссбраузерность

Народ!!!
Помогите собрать шаблон! (кроссбраузерно)

<div id="general">

    <div id="header"></div>
        
            <div class="menu">
                <div class="left_side_picture">
                    <img height="388" width="35" alt="" src="images/2.jpg"/>
                </div>
                <div class="right_side_picture">
                    <img height="388" width="35" alt="" src="images/2.jpg"/>
                </div>
            
                <div class="LEFT_BLOC">
                    <img src="images/1pic1.jpg" width="128px" height="57px" align="left" />
                        <span class="left_bloc_text">
                        <b>Donec</b> accumsan malesuada orci. 
                        Donec sit amet eros. Lorem ipsum dolor sit amet, 
                        consectetuer adipiscing.
                        </span>
                        <span class="left_bloc_text_">
                            <ol>
                                <li>Donec accumsan malesuada orci.
                                <li>Donec sit amet eros. Lorem ipsum  
                                <li>dolor sit amet, consectetuer   
                                <li>adipiscing elit. 
                                <li>Mauris fermentum dictum magna.     
                                <li>Sed laoreet aliquam leo.
                            </ol>
                        </span>
                </div>
                <div class="RIGHT_BLOC">
                
                </div>
                <div id="under_menu"><img src="images/t3.jpg" width="698px" height="14px" align="center" /></div>    
            </div>
    

        
        
        <div class="FOOTER">
            <div class="FOOTER_LEFT_BLOC"><img src="images/1t4.jpg" align="left" /></div>
            <div class="FOOTER_RIGHT_BLOC"><img src="images/1t5.jpg" align="right" /></div>
        </div>
</div>

Стили кривые получаються, сколько бы не  мучалась!:(

#general
{    
    z-index:1;
    width:800px;
    height:100px;
    position:relative;
}
#header
{
    z-index:2;
    position:absolut;
    width:800px;
    height:300px;
    text-align:center;
    background:url("images/1.jpg") no-repeat;
}
.left_side_picture
{
    width:40px;
    1height:220px;
    float:left;
    
}
.right_side_picture
{
    width:40px;
    1height:220px;
    float:right;
}
.menu
{
    margin:0 0 0 0;
    z-index:3;
    position:absolut;
    width:800px;
    height:200px;
    top:50px;
    1text-align:center;
    1border:solid 2px #fff;
    background:no-repeat;
}

.LEFT_BLOC
{
    
    width:348px;
    height:201px;
    float:left;
    margin-left:10px;
    1border:#fff solid;
    background:url(images/1t1.jpg) no-repeat;
}
.left_bloc_text
{
    font-family: Tahoma;
    font-size: 10px;
    font-style: normal;
    color: #A9A9A9;
    text-align:justify;
}

.left_bloc_text_
{
    font-family: Tahoma;
    font-size: 10px;
    font-style: normal;
    color: #A9A9A9;
    text-align:left;
}
.RIGHT_BLOC
{
    width:348px;
    height:201px;
    float:right;
    margin-right:10px;
    position:relative;
    1border:#fff solid;
    background:url(images/1t2.jpg) no-repeat;
}
#under_menu
{
    z-index:4;
    text-align:center;
    1margin-top:-190px;
}
.FOOTER
{
    z-index:5;
    position:relative;
    width:800px;
    height:250px;
    text-align:center;
    background: no-repeat;
    1margin-top:-175px;
    1border:solid 1px #fff;
}
.FOOTER_LEFT_BLOC
{
    position:relative;
    float:left;
    margin-left:5px;
    1border:solid 1px #fff;
    background:no-repeat;
}
.FOOTER_RIGHT_BLOC
{
    position:relative;
    float:right;
    margin-right:5px;
    1border:solid 1px #fff;
    background:no-repeat;
}

подскажите как прописать правильнее....:(

Редактировался koshka (2008-12-26 15:59:58)