Углы в Opera и Ie

iavn7 · July 22, 2009

проблема вот в чём:

Опера:

Интернет Эксплорер:

??

Как сделать чтобы в опере и ie одинаково было?

——————————————————————————-

Кстати, к слову, видите чёрные кнопочки наверху (это меню)

в ie они меньше, чем в опере и background целиком не влезает.

дело вот в чём:

(ну хоть это и так понятно, но всё же)

css:

#menu a {
  display: block;
  width: 161px;
  height: 16px;
  font-size: 10px;
  font-family: arial;
  padding-top: 2px;
  background: url('/img/a_.gif');
  color: white;
  text-align: center;
}

И в опере высота "a" = height(16px)+padding-top(2px) и получается высота a_.gif (18px)

А вот ие не прибавляет паддинг к высоте и остаётся просто height 16px.

??

как сделать, чтобы в опере и ие была одинаковая высота не меняя паддинг?

————————————

(первый вопрос важнее 2го)

iavn7 · July 22, 2009

Всё, 2й вопрос я уже решил.

Пожалст помогите с углами!

Great Rash · July 23, 2009

А код где? Каким способом вы углы закругляете?

DjTarik · July 23, 2009

По идее нужно включить "хэс-лоет" для ие... Пропиши для ие высоту а 1%...

p.S. И код в студию...

iavn7 · July 23, 2009

Ну, углы - это кртинки.

поэтому...

html

<center>
<table height="100%" id="main" cellpadding="0" cellspacing="0">
 <tr>
  <td class="near" id="01" valign="top">
   <div class="corner" id="left">
   </div>
   <div id="near1">
	Бла-бла-бла
   </div>
  </td>
  <td valign="top">
<table cellpadding="0" cellspacing="0" width="100%">
 <tr>
  <td>
   <div class="corner" id="left">
  </td>
  <td>
   <div class="corner" id="right">
  </td>
 </tr>
</table>
<div id="center">
Бла-бла-бла
</div>
</td>
<td class="near" id="02" valign="top">
 <div class="corner" id="right">
 </div>
<div id="near2">
Бла-бла-бла
</div>
</div>
</td>
</tr>
</table>
</center>

Вот.

Внимания достойны только дивы с классом "corner".

Остальное просто, чтобы представлять структуру страницы.

теперь css

#near1 {
  height: 100%;
  padding: 3px;
  background: white;
}
#near2 {
  height: 100%;
  padding: 3px;
  background: white;
}
.near {
  padding-top: 100px;
  width: 160px;
}
#01 {
  padding-right: 2px;
  text-align: center;
}
#02 {
  padding-left: 2px;
  text-align: center;
}
.corner {
  height: 10px;
}
#left {
  background: url('/img/lrtop.gif') no-repeat left white;
}
#right {
  background: url('/img/rrtop.gif') no-repeat right white;
}

Это основное.

Ну вот...

в чём же дело?

Great Rash · July 23, 2009

Пока не вникал, но id нельзя называть с цифры.

iavn7 · July 23, 2009

Да нет, с #01 и #02 всё ок.

всё, что для них прописано - работает, а раз работает, значит - можно

LunatiK · July 23, 2009

IE какой версии ?

DOCTYPE ставили ? если нет поставте, если да, то какой ?

Great Rash · July 23, 2009

всё, что для них прописано - работает, а раз работает, значит - можно

id нужен для обращения скрипта к элементу, когда вы начнете писать скрипт и обратитесь к элементу по таком id у вас ничего не будет работать.

iavn7 · July 23, 2009

id нужен для обращения скрипта к элементу

Да, но в данной ситуации у меня нет никаких скриптов, которые к нему обращаются. короче, не важно, сейчас не об этом.

DOCTYPE ставили ? если да, то какой ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

LunatiK · July 23, 2009

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

поставте полный: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

а то так баги искать очень трудно

а в идеале дайте ссылку на страницу

iavn7 · July 23, 2009

а в идеале дайте ссылку на страницу

на локальном хосте

Justnewone · July 23, 2009

на локальном хосте

Закиньте на халявный хостинг, ваще заведите себе такой и упражняйтесь там, когда станете большим и взрослым работа будет организовываться именно подобным способом.

Sign In

Углы в Opera и Ie

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information