IE6,7 вызывает у меня горе на дисплее браузера. У меня не было проблем ни с Safari, ни с FF.
Я не эксперт по CSS и нуждаюсь в совете по вопросам выравнивания столбцов в IE.
И я не знаю, с чего начать, потому что я пытался возиться с файлами CSS и JavaScript-селектором браузера css, и все же не могу заставить его работать в IE.
Проблемы, которые я считаю, связаны с id doc, bd, yui-main, yui-b, box и box-title.
По непонятным причинам размеры в Internet Explorer отличаются от других лучших браузеров.
Размеры ширины и высоты отличаются.
<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;
}
Сетка-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;}
:
:
больше, но формат здесь плох в стеке, чтобы сделать его читаемым.
Я прошу прощения за то, что не хочу показаться в этом посте бесполезным или грубым.
С уважением