|
|
|
| Доброго времени суток!
У меня такая проблемка: сделал меню на css, вставляю его в ячейку таблицу, ячейке задаю размер = размеру меню. В ie6 отображается правильно, а в FireFox 3 у меня появляются лишние 11px! подскажите как это исправить. Код приведен ниже:
<style type="text/css">
a.m{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #f4f972;
padding-left:15px;
padding-right:15px;
display:block;
float:left;
background: url("link.jpg") bottom right repeat-x;
height:25px;
color: #4ff834;
text-decoration:none;
text-align:center;
font-size:16px;
font-family: Verdana;
}
a.m:hover{
background: url("hlink.jpg") bottom right repeat-x;
color: #ebf314;
}
</style>
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="t1">
<tr>
<td width="200px">
<img border="0" src="Sol.jpg" width="200px" height="200px"></td>
<td rowspan="2" valign="top">
<table border="1" width="100%" id="t2" cellspacing="0" cellpadding="0">
<tr>
<td width="700px;" style="margin:0 auto;">
<a class="m" style="margin-left:4px;" href="">Главная</a>
<a class="m" href="">Программы</a>
<a class="m" style="" href="">Способы оплаты</a>
<a class="m" style="" href="">О компании</a>
<a class="m" href="">Обратная связь</a>
</td>
<td width="336px"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
|
| |
|
|
|
|
|
|
|
для: Codman
(09.08.2008 в 15:26)
| | Во-первых, совершенно непонятно, из чего вы вывели, что суммарная ширина вашего меню равна именно 700 пикселов?
Подсказываю, что любой пользователь в любом браузере (кроме MSIE) может выбрать собственный размер шрифта (в пункте браузерного меню) и размер буквочек каждой из ссылок (и, соответственно, ширина каждой ссылки) у вас изменится.
Во-вторых, лично у меня (при разрешении монитора 1024 по ширине) ваши 200+700+336 пикселов никак не помещаются и один последний пункт меню (а то и два - в зависимости от выбранного размера шрифта) в строку не влезают и переносятся внутри ячейки на следующую строку.
Подсказываю, что дизайн страницы надо стараться делать так, чтобы при любом разрешении экрана (и при любом размере открытого окна) у вас не происходили СТРУКТУРНЫЕ изменения страницы - не появлялись лишние строки и т.д.
Что до конкретно вопроса, то ответ прост: FireFox очень оригинально высчитывает размеры блоков по ширине, когда в них задан padding. Объяснять - долго и нудно. Запустите в FireFox ваш код, поиграйтесь значениями padding'ов для ссылок - и сами увидите закономерность.
Подсказываю, что лучше пользовать margin'ы. | |
|
|
|
|
|
|
|
для: PAT
(09.08.2008 в 16:10)
| | Спасибо за подсказки) А вывел на основании того что мне показал FireBug | |
|
|
|
|
|
|
|
для: Codman
(09.08.2008 в 16:12)
| | файрфокс это да.. удобный но за то что так коверкает всё ненавижу его) | |
|
|
|
|
|
|
|
для: sl1p
(10.08.2008 в 16:58)
| | Я его тоже почему-то недолюбливаю. И, тем не менее, это один из самых правильных с точки зрения следования стандартам (W3C) броузеров. Так что, мне кажется, ориентироваться в первую очередь следует на него (или на Safari), ну и подстраиваться, разумеется, под менее „стандартные“ броузеры (типа IE и даже Оперы). | |
|
|
|
|
|
|
|
для: iFlamberg
(11.08.2008 в 22:59)
| | ну я всегда пытаюсь себя поставить на место обычного юзера.. так как ие является стандартом то процент его использования имхо поболее чем остальных..поэтому пытаюсь строить под него.. а вообще и под фокс и под ие).. | |
|
|
|