Форум Сайтостроение Веб-строительство

I need help!!! IE и закругленные углы таблицы.

A
На сайте с 07.08.2009
Offline
17
Avalanche
502

Сейчас покажу что не так.

В опере все идеально:

[ATTACH]54325[/ATTACH]

Тоже самое но в IE:

[ATTACH]54326[/ATTACH]

Сейчас предоставлю кусок html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Требуется помощь!!!</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="main">
<div class="white_top"></div><div class="white white_main">
<p><span class="s1">I need help!!!<br>
I need help!!!<br>
I need help!!!<br>
I need help!!!<br>
I need help!!!</span><br>
<span class="s2">I need help!!!</span><br>
<span class="s1">I need help!!!<br>
I need help!!!<br>
I need help!!!<br>
I need help!!!<br>
I need help!!!<br>
I need help!!!<br>
I need help!!!<br>
I need help!!!<br>
I need help!!!<br>
I need help!!!<br></span></p>
<center><button class="submitBtn" onClick=location.href="index.php"><span>Присоединиться</span>
</div>
<div class="white_bottom"></div></div>
</body>
</html>

И кусок style.css:

body {
background-image:url(images/background.gif);
font-family:Verdana;
font-size:12px;
color:#424242;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#424242;
margin:15px;
font-weight: bold;
}

.s1 {color: #22577b}
.s2 {
color: #FF0000;
font-weight: bold;
}

button {
border:0;
cursor:pointer;
font-weight:bold;
padding:0 20px 0 0;
text-align:center;
}
button span {
position:relative;
display:block;
white-space:nowrap;
padding:0 0 0 20px;
}

/*blue buttons*/
button.submitBtn {
background:url(images/btn_blue_right.gif) right no-repeat;
font-size:1.3em;
}
button.submitBtn span {
height:50px;
line-height:50px;
background:url(images/btn_blue_left.gif) left no-repeat;
color:#fff;
}
button.submitBtn:hover {
background:url(images/btn_blue_right_hover.gif) right no-repeat;
}
button.submitBtn:hover span {
background:url(images/btn_blue_left_hover.gif) left no-repeat;
}



.white_top { background: url( images/white_top.gif ) left top no-repeat #f4f4f5; width: 699px; height: 16px; }
.white_bottom { background: url( images/white_bottom.gif ) left top no-repeat #f4f4f5; width: 699px; height: 16px; }
.white { background: url( images/content_bottom.gif ) left bottom repeat-x #f4f4f5; padding: 9px 60px 0px 60px; position: relative; }

.main { margin-left:auto; margin-right:auto; width:699px; }
gif 111.gif
gif 222.gif
Sape фильтр 20-50 ТИЦ за 2.99$ (/ru/forum/517164)
T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#1

Avalanche,

1. Зачем везде использовать фон? Это не удобно.

2. Вы запутались с отступами и позициями. Опера и IE считают по разному. Нарисуйте сетку, которую Вы используете.

3. width: 699px и padding: 9px 60px 0px 60px уже дадут разные результаты

4. margin-left:auto; margin-right:auto; работает во всех броузерах уникально

Утро, воображалкой все это представить тяжело...

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий