Вопросы Теги

Кросс-браузерная проблема CSS

IE6,7 вызывают у меня горе на экране браузера. У меня не было проблем ни с Safari, ни с FF. Я не эксперт по CSS и нуждаюсь в совете по вопросам выравнивания столбцов в IE. И я не знаю, с чего начать, потому что я пытался возиться с файлами css и javascript для выбора браузера css, и все же не могу заставить его работать в IE.

Проблемы, которые я считаю, связаны с id doc , bd, yui-main, yui-b, box и box-title. По непонятным причинам размеры в IE отличаются от других лучших браузеров. Размеры width и height различаются. 

<body>
  <div id="doc" class="yui-t2">
    <div id="bd">
      <div id="yui-main">   
        <div class="yui-b">
          <div id="header" class="yui-g">
            <a href="index.php">
:
:

К сожалению, 2 файла CSS меня немного ошеломляют, чтобы понять. Я попытался вставить это здесь, но формат вышел из строя.

Может ли кто-нибудь протянуть руку помощи?

Любая помощь приветствуется.

app.css 

body {
  font-size: 85%;
  font-family: "georgia";
}

.yui-t2, #bd, #yui-main {
  z-index: -5;
}

.yui-b, .yui-g {
  z-index: auto;
}

div.yui-b div.box {
  color: #333333;
  border: 1px solid #c6e1ec; /* this controls the left boxes on front page */
  margin-top: 15px;
}

div.yui-b div p.box-title {
  /* background: #0590C7; 
  border-bottom: 2px solid #c6e1ec; */
  background: #6f6f6f; 
  border-bottom: 2px solid #c6e1ec;  
  color: #FFFFFF;
  display: block;
  font-size: 93%;
  font-weight: bold;
  margin: 1px;
  padding: 2px 10px;
}

div.yui-b div ul {
  margin: 0;
}

div.yui-b div ul li {
  border-bottom: 0px solid #fff;
  list-style-type: none;
}

div.yui-b div ul li a {
  color: #333333;
  display: block;
  text-decoration: none;
  padding: 3px 10px;
}

div.yui-b div ul li a:hover {
  background: #c6e1ec;
  color: #333333;
}

grids-min.css 

body
 {text-align:center;}

#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7
  {margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}

.yui-b{position:relative;}
.yui-b{_position:static;}

#yui-main .yui-b{position:static;}
#yui-main
  {width:100%;}

.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main
  {float:right;margin-left:-25em;}

.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main
  {float:left;margin-right:-25em;}

:
:

больше, но формат здесь плох в стеке, чтобы сделать его читабельным.

Я прошу прощения за то, что не хочу показаться в этом посте бесполезным или грубым.

С уважением

1
задан Spudley 20 May 2012 в 11:31
поделиться