Проблема с IE

Тема в разделе "Веб-дизайн", создана пользователем BLACK ANGEL VAMPIRO, 4 апр 2011.

Модераторы: zek24
  1. BLACK ANGEL VAMPIRO

    BLACK ANGEL VAMPIRO Постоялец

    Регистр.:
    4 мар 2010
    Сообщения:
    66
    Симпатии:
    9
    Помогите пожалуйста решить эту дилему я новичок в верстке.
    У меня в Internet explorer растягивается меню в лево.
    слева IE - справа FireFox.
    Вот ссылка на сайт: www.volgavatt.ru
    [​IMG]
    Вот код css файла
    PHP:
    body {
        
    background-imageurl(images/mback.jpg);
        
    background-repeatrepeat-x;
        
    background-positioncenter top;
        
    background-color#f1f3f2;
    }
    #t1 {
    background-image:url("images/t1.jpg");
    background-position:-8px top;
    background-repeat:no-repeat;
    display:block;
    height:486px;
    }
    #t2 {
        
    background-imageurl("images/t2.jpg");
        
    background-repeatno-repeat;
        
    background-positionright top;
        
    displayblock;
        
    height486px;
        
    positionrelative;
    }
    .
    logo {
    border-left:10px solid #F0CA29;
    color:#232323;
    font-family:"Century Gothic";
    font-size:25px;
    height:34px;
    left:98px;
    padding-left:10px;
    position:absolute;
    text-decoration:none;
    text-shadow:0 1px 0 #FFFFFF;
    top:26px;
    }
    #wraper { min-width:1000px}
    #slogan {
    color:#232323;
    font-family:"Century Gothic";
    font-size:15px;
    left:97px;
    position:absolute;
    top:58px;
    }
    #sometoptext {
    color:#FFFFDA;
    font-family:Arial;
    font-size:11px;
    font-weight:normal;
    height:122px;
    left:23px;
    overflow:hidden;
    position:absolute;
    top:129px;
    width:315px;
    }
    #phones {
    color:#515151;
    font-family:"Arno Pro";
    font-size:30px;
    left:104px;
    position:absolute;
    top:385px;
    }
    #h2 {
    background-image:url("images/h2.gif");
    background-position:center center;
    background-repeat:repeat-x;
    display:inline;
    float:right;
    height:36px;
    margin-right:140px;
    white-space:nowrap;
    _width:1px;
    }
    #h1 {
        
    background-imageurl("images/h1.gif");
        
    background-repeatno-repeat;
        
    background-positionleft center;
        
    displayblock;
        
    height36px;
        
    float:right;
        
    white-space:nowrap;
    }
    #h3 {
    background-image:url("images/h3.gif");
    background-position:right center;
    background-repeat:no-repeat;
    display:block;
    height:36px;
    padding-left:20px;
    padding-right:20px;
    float:right;white-space:nowrap;
    }
    #h3 ul li {
    display:inline-block;
    *
    display:inline; *zoom:1;
    height:36px;
    line-height:33px;
    margin-left:25px;
    margin-right:25px;
    }
    #h3 a { text-decoration:none; font-family:Arial; font-size:12px; color:#232323;}
    #content {
        
    displayinline;
        
    floatleft;
        
    width100%;
    }
    #sb {
    display:inline;
    float:left;
    margin-left:-100%;
    width:240px;
    }
    #cw {
        
    displayblock;
        
    margin-right25px;
        
    margin-left250px;
    }
    .
    onepost h2 {
    background-image:url("images/t7.jpg");
    background-position:left center;
    background-repeat:no-repeat;
    color:#888787;
    display:block;
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
    height:31px;
    line-height:31px;
    margin-bottom:10px;
    padding-left:43px;
    text-transform:uppercase;
    }
    .
    onepost {color:#888787;
    display:block;
    font-family:Arial;
    font-size:12px;
    padding-bottom:25px;}
    #sb h2 {
        
    font-familyArial;
        
    font-size17px;
        
    line-height31px;
        
    color#FFF;
        
    background-imageurl(images/t6.jpg);
        
    text-alignright;
        
    height31px;
        
    width229px;
        
    padding-right10px;
    }
    #searchform {
        
    background-imageurl(images/t6.jpg);
        
    displayblock;
        
    height31px;
        
    width239px;
        
    margin-bottom10px;
        
    positionrelative;
    }
    #sbtn {
        
    position:absolute;
    right:8px;
    top:4px;
    }
    #s {
        
    color:#515151;
    font-family:arial;
    font-size:12px;
    left:7px;
    padding:3px;
    position:absolute;
    top:3px;
    width:173px;
    }
    #cate li {
    background-image:url("images/t9.jpg");
    background-position:left 2px;
    background-repeat:no-repeat;
    display:block;
    font-family:arial;
    font-size:12px;
    margin-bottom:6px;
    min-height:18px;
    padding-left:15px;
    }
    #cate {
        
    padding-left:16px;
    padding-top:45px;
    }
    #cate li a{ color:#5C5C5C;
    display:block;
    padding:2px;
    text-decoration:none;}
    #cate li a:hover { background-color:#ffc542; color:#FFF;}
    #footer {
        
    displayblock;
        
    height55px;
        
    margin-right25px;
        
    margin-left25px;
        
    border-top-width1px;
        
    border-top-stylesolid;
        
    border-top-color#FFF;
        
    positionrelative;
    }
    #company {
    color:#828282;
    font-family:Arial;
    font-size:12px;
    position:absolute;
    top:25px;
    }
    #footer ul li {
        
    displayinline;
        
    margin-right10px;
        
    margin-left10px;
        
    font-familyArial;
        
    font-size12px;
    }
    #footer ul {
        
    positionabsolute;
        
    left50%;
        
    top25px;
    }
    #footer ul li a {
        
    color#828282;
        
    text-decorationnone;
    }
    #counters {
        
    positionabsolute;
        
    top20px;
        
    right20px;
    }
    .
    commentlist li {-moz-border-radius:10px 10px 10px 10px;
    -
    webkit-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
    background-color:#FFFFFF;
    color:#333333;
    display:block;
    font-family:arial;
    margin-bottom:10px;
    margin-top:10px;
    padding:20px;
    width:600px;}
    .
    comment-author {color:#F0CA29;
    display:block;
    font-family:Trebuchet MS;
    font-size:26px;
    padding-bottom:13px;
    text-shadow:1px 1px 0 #008080;}
    .comment-body em {color:#FF6600;
    display:block;
    font-family:verdana;
    padding:0;}
    #author, #email, #url {color:#333333;
    font-family:verdana;
    font-size:17px;
    margin-bottom:8px;
    padding:3px;}
    #comment {color:#333333;
    font-family:verdana;
    font-size:14px;
    padding:5px;}
    #submit {border:1px solid #CCCCCC;
    color:#FF3300;
    display:block;
    font-family:verdana;
    height:35px;
    margin-bottom:10px;
    margin-top:10px;
    text-transform:uppercase;
    width:200px;}
    #commentform label {font-family:arial;
    font-size:16px;}
    .
    commentmetadata {display:block;
    font-family:tahoma;
    margin-bottom:10px;
    text-decoration:none;}
    .
    commentmetadata a {color:#323232;
    text-decoration:none;}
    .
    commentmetadata a:hover {text-decoration:underline;}
    .
    reply a {color:#FAE462;
    text-shadow:0 1px 0 #222222;}
    .reply  {display:block;
    font-weight:bold;
    margin-top:5px;}
    .
    feedback a, .more-link {color:#525252;
    font-family:verdana;
    font-size:13px;
    text-decoration:none;}
    .
    feedback  {display:block;margin-bottom:10px;
    margin-top:10px;}
    .
    onepost ul, .onepost ol {color:#333333;
    display:block;
    font-family:arial;
    padding-bottom:20px;
    padding-left:20px;
    padding-top:20px;}
    .
    onepost ul {list-style:disc outside none;}
    .
    onepost ol {list-style:decimal outside none;}
    .
    onepost a{color:#FFC21C;
    text-shadow:1px 0 0 #FFFFFF;}
    .onepost ul li {margin-bottom:5px;}
    .
    alignnone display:blockclear:both;}
    .
    alignleft {float:left;}
    .
    alignright {float:right}
    .
    onepost img {margin-left10pxmargin-right:10pxborder:5px solid #fff;}
    #naviblock a {color:#333333;
    text-decoration:none;
    text-shadow:1px 2px 0 #FFFFFF;}
    #naviblock {-moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
    background-color:#FFEFEF;
    border-top:5px solid #FF6600;
    display:block;
    font-family:verdana;
    font-size:20px;
    margin-bottom:10px;
    padding:10px;}
    .
    more-link:hover {text-decoration:underline}
     
  2. rex1963

    rex1963

    Регистр.:
    19 фев 2007
    Сообщения:
    228
    Симпатии:
    47
    У меня смотрится одинаково что в firefox, что в chrome, что в ИЕ8.
    Что-то перемудрили с дивами
    HTML:
    <div id="h2"><div id="h1"><div id="h3">
    
    , рисунок растянут с ошибкой.
     
  3. Dr.Sheff

    Dr.Sheff

    Регистр.:
    20 ноя 2010
    Сообщения:
    175
    Симпатии:
    26
    укажите статический width для #h2, если не поможет для #h1
    Чтобы изменение коснулось только серии IE ставте перед свойством параметр"*". Пример:
    PHP:
    *width:400px;
     
    BLACK ANGEL VAMPIRO нравится это.
  4. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    опупеть... молодой человек, обьясните пожалуйста - каким боком глюки эксплорера относятся к разделу php?!?

    сначала хотел просто забанить - но после перекура придумал классную отмазку за вас:
    "у миня было открыто много окон на нулледе и случайно не в то окно написАлось"

    учтите, что в след. раз такая отмазка не прокатит...
     
  5. mc-mix

    mc-mix Постоялец

    Регистр.:
    16 янв 2011
    Сообщения:
    80
    Симпатии:
    14
    В восьмом (последнеяя версия) IE всё нормально с меню.
    Возможно в ранних версиях проблема в дивах, как заметил rex1963.
    Они вложены один в другой, нужно вытащить их друг из друга.