1. Акция на весь декабрь! Получай оплату х2 за уникальные статьи, объемом от 200 слов, если в заголовке темы и теле статьи присутствует слово Python
    Скрыть объявление

Страница корректно отображается только в Ie 6 и 8

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Sermak, 14 дек 2010.

  1. Sermak

    Sermak Гость

    Пытаюсь блочной версткой с CSS сделать страничку, а она правильно отображается только в IE, в остальных (Хром, Опера) они не позиционирутся правильно (все в левом верхнем углу находятся) и не принимают заданный размер.
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">HTML</div></div><div class="sp-body"><div class="sp-content">

    <html>

    Код (Text):
    <head>
    <title>Главная</title>
    <meta name= "author" content="С.В.">
    <meta name= "keywords" content="ключевые слова">
    <meta name= "description" content="описание страницы">
    <meta http-equiv= "content-type" content="text/html; charset=windows-1251">

    <link rel="StyleSheet" href="css/style_block.css" type="text/css">

    </head>


    <body>



    <!-------------------------------Начало структуры страницы--------------->
    <span class=block_main>

    <!-------------------------------Голова страницы------------------------->
    <div class=block_head>

    </div>
    <!-------------------------------Конец головы страницы------------------------->

    <!-------------------------------Меню страницы------------------------->
    <div class="block_menu">

    </div>
    <!-------------------------------Конец меню страницы------------------------->

    <!-------------------------------Содержантельная часть страницы------------------------->
    <div class="block_content">

    </div>
    <!-------------------------------Конец содержательной части страницы------------------------->

    <!-------------------------------Подвал страницы------------------------->
    <div class="block_footer">

    </div>
    <!-------------------------------Конец подвала страницы------------------------->

    </span>

    </body>
    </html>
    <div class="sp-wrap"><div class="sp-head-wrap"><div class="sp-head folded clickable">CSS</div></div><div class="sp-body"><div class="sp-content">
    Код (Text):
    .block_main {width:"1024px"; height:"768px"; background-color: white;
    position:absolute; top: "0px"; left: "0px"; bottom: "768px"; right:"1024px";
    z-index:-10;
    }

    .block_head {width: "1020px"; height: "100px";
    background-image: url("../sourse/background/block_head.jpg");
    background-repeat: no-repeat;
    position:absolute; top: "2px"; left: "2px"; bottom: "102px"; right:"1024px";
    padding:"3px";
    z-index:1;
    }

    .block_menu {width: "250px"; height: "600px";
    background-image: url("../sourse/background/block_menu.jpg");
    position:absolute; top: "104px"; left: "2px";
    padding:"3px";
    z-index:1;
    }

    .block_content {width: "768px"; height: "600px";
    background-image: url("../sourse/background/block_content.jpg");
    position:absolute; top: "104px"; left: "254px";
    padding:"3px";
    z-index:1;
    }

    .block_footer {width: "1020px"; height: "60px";
    background-image: url("../sourse/background/block_footer.jpg");
    position:absolute; top: "706px"; left: "2px";
    padding:"3px";
    z-index:1;
    }
     
  2. TimeDontWait

    TimeDontWait Well-Known Member

    Регистрация:
    4 янв 2010
    Сообщения:
    383
    Симпатии:
    0
    Попробуй через id стили задавать.
    И попробуй float
     
  3. Sermak

    Sermak Гость

    Разобрался. Опера и иже с ними не понимают в CSS значения параметров в кавычках. Убрал кавычки, все встало на места. Правда не совсем так, как я ожидал. Но там сам разберусь
     
Загрузка...

Поделиться этой страницей