VPF::Баг IE - Форум программистов

Ctulhy

Дата 13.8.2008, 17:39 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 137
Регистрация: 2.8.2008
Где: Россия, Курск

Репутация: 2
Всего: 2

Опера и мозилла отображают корректно, IE глючит. Меню должно быть во втором флоате (right), но оказывается внизу под news. В чем прикол?)

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>qqq</title>
<meta http-equiv="Content-Type" content="text/html; charset=cp-1251">
<style type="text/css">
/*~~~~~html,body~~~~~*/
body {
background-color:#000;
font:Arial, Helvetica, sans-serif;
font:#fff;
padding:0; margin:0 auto;
width:1000px;
}
/*~~~~~close html,body~~~~~*/

/*ПОЗИЦИОНИРОВАНИЕ*/
.logo {
float:left;
width:1000px;
height:263px;
}
.left {
float:left;
width:520px;
margin-left:22px;
}
.right {
float:left;
width:436px;
margin-left:22px;
}
/*КОНЕЦ ПОЗИЦИОНИРОВАНИЯ*/

/*MENU*/
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 430px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 430px; margin: 1em auto; }
/*CLOSE MENU*/

/*НАЧАЛО СТИЛЕЙ ТЕКСТА*/
.newstext {
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
}
.font {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
A:link, A:visited {
text-decoration:underline; color: #ffcc66;
}
A:hover, A:active {
text-decoration:none; color: #ffcc66;
}
/*КОНЕЦ СТИЛЕЙ ТЕКСТА*/
</style>
</head>
<div>
<div class="logo"><img src="logo.jpg" alt=""></div>
<div class="left">
<p align="justify" class="newstext">ааавап </p>
<p><a class="font" href="">11111 <img src="files/pointer.gif" width="16" border="0" alt="читать далее"></a></p>
<p align="justify" class="newstext">аыаыаыва</p>
<p><a class="font" href="">11111 <img src="files/pointer.gif" width="16" border="0" alt="читать далее"></a></p>
</div>
<div class="right">


<div class="rbroundbox">
    <div class="rbtop"><div></div></div>
        <div class="rbcontent">
            <p>текст</p>
        </div>
    <div class="rbbot"><div></div></div>
</div>


</div>

</div>
<body>
</body>
</html>

--------------------

скучно в Москве и дождливо в Крыму.

bars80080

Дата 13.8.2008, 17:58 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

интересно, если ты выполнишь обязательное обнуление всех полей, получится ли?

Код

* { margin: 0px; padding: 0px; }

в начало стилей

Ctulhy

Дата 13.8.2008, 20:32 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 137
Регистрация: 2.8.2008
Где: Россия, Курск

Репутация: 2
Всего: 2

Просто изменил размеры второго флоата, помогло. Возникла куда более серьезная проблема - в опере и мозилле меню схлопывается. В IE работает идеально.

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Verstka
</title>
<meta http-equiv="Content-Type" content="text/html; charset=cp-1251">
<style type="text/css">
/*~~~~~html,body~~~~~*/
body {
background-color:#000;
font:Arial, Helvetica, sans-serif;
font:#fff;
padding:0; margin:0 auto;
width:1000px;
}
/*~~~~~close html,body~~~~~*/

/*ПОЗИЦИОНИРОВАНИЕ*/
.logo {
float:left;
width:1000px;
height:263px;
}
.left {
float:left;
width:520px;
margin-left:22px;
}
.right {
float:left;
width:400px;
margin-left:22px;
}
.photoalbums {
weight:249px;
height:30px;
}
.alb {
float:left;
width:200px;
}
.alb1 {
float:left;
width:100px;
}
/*КОНЕЦ ПОЗИЦИОНИРОВАНИЯ*/

/*MENU*/
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 400px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 400px; margin: 0.4em auto; }
/*CLOSE MENU*/

/*НАЧАЛО СТИЛЕЙ ТЕКСТА*/
.newstext {
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
}
.font {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
A:link, A:visited {
text-decoration:underline; color: #ffcc66;
}
A:hover, A:active {
text-decoration:none; color: #ffcc66;
}
A.photo:link, A.photo:active, A.photo:visited { 
text-decoration: underline; font-family:  Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 8pt;
color:#fff; 
}
/*КОНЕЦ СТИЛЕЙ ТЕКСТА*/

/*ПРОЧЕЕ*/
.album { 
    border: 1px solid #ff9900; 
</style>
</head>
<body>
<div>
<div class="logo"><img src="logo.jpg" alt=""></div>
<div class="left">
<p align="justify" class="newstext">dsfss </p>
<p><a class="font" href="">читать, не отрываясь, дальше <img src="files/pointer.gif" width="16" border="0" alt="читать далее"></a></p>
<p align="justify" class="newstext">sdfdfsdf </p>
<p><a class="font" href="">читать, не отрываясь, дальше <img src="files/pointer.gif" width="16" border="0" alt="читать далее"></a></p>
</div>
<div class="right">
<div class="photoalbums"><img src="photoalbums.gif" alt="ФОТОАЛЬБОМЫ"><span style="margin-left:50px"><a href="dsd" class="photo">Все альбомы</a></span></div>
<!--/MENU-->
<div class="rbroundbox">
<div class="rbtop"><div></div></div>
<div class="rbcontent">
<div class="alb"><img src="2.gif" class="album" width="59" height="54" alt="aльбом"></div>
<ul class="alb1">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<div class="rbbot"><div></div></div>
</div>
<!--/MENU-->
</div>
</body>
</html>

--------------------

скучно в Москве и дождливо в Крыму.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »