У меня возникла неоходимость создать элемент с закругленными краями.
Решил делать его с помощью талицы. В крайние ячейки (верх-лево, верх-право, низ-лево, низ-право. Ну у самой таблице устанавливают бордюр. Для того чтобы, совместить рисунки с бордюром, я задаю им позицию relative и устанавливают left и top соотвествено,-+ ширина бордюра.
Это все работает, но только не IE. Там почему-то нижние рисунки нижние рисунки немного выше, примерно на 4px.
Более того, когда один элемент помещаешь в другой, то немнго искажается положние и верхних рисунков, причем, справо немног выше чем слево.
В Opera и FireFox все Ok
Это рисунок из IE
Спустя 1 час, 59 минут, 39 секунд (21.08.2006 - 10:55) vasa_c написал(а):
код
Спустя 11 минут, 3 секунды (21.08.2006 - 11:06) Derebas написал(а):
Вот код:
<table style="position:relative;top:0px;left:0px;width:180px;height:200px;BORDER:#80eaca 4px solid;background-color:white;z-index:0;" cellpadding="0px"cellspacing="0px" >
<tr >
<td width="0px" style="text-align:left;vertical-align:top" >
</td >
<td style="text-align:center;" >
</td >
<td style="text-align:right;vertical-align:top" >
</td >
</tr >
<tr >
<td ></td >
<td style="text-align:left;vertical-align:top;" >
<table style="position:relative;top:0px;left:0px;width:180px;height:200px;BORDER:#80eaca 4px solid;background-color:white;z-index:0;" cellpadding="0px"cellspacing="0px" >
<tr >
<td width="0px" style="text-align:left;vertical-align:top" >
</td >
<td style="text-align:center;" >
</td >
<td style="text-align:right;vertical-align:top" >
</td >
</tr >
<tr >
<td ></td >
<td style="text-align:left;vertical-align:top;" >
<table style="position:relative;top:0px;left:0px;width:165px;height:140px;BORDER:#80eaca 2px solid;background-color:white;z-index:1;" cellpadding="0px"cellspacing="0px" >
<tr >
<td width="0px" style="text-align:left;vertical-align:top" >
</td >
<td style="text-align:center;" >
</td >
<td style="text-align:right;vertical-align:top" >
</td >
</tr >
<tr >
<td ></td >
<td style="text-align:left;vertical-align:top;" >
</td >
<td ></td >
</tr >
<tr >
<td style="text-align:left;vertical-align:bottom" >
</td >
<td ></td >
<td style="text-align:right;vertical-align:bottom" >
</td >
</tr >
</table >
<tr >
<td width="0px" style="text-align:left;vertical-align:top" >
</td >
<td style="text-align:center;" >
</td >
<td style="text-align:right;vertical-align:top" >
</td >
</tr >
<tr >
<td ></td >
<td style="text-align:left;vertical-align:top;" >
</td >
<td ></td >
</tr >
<tr >
<td style="text-align:left;vertical-align:bottom" >
</td >
<td ></td >
<td style="text-align:right;vertical-align:bottom" >
</td >
</tr >
</table >
Спустя 1 минута, 59 секунд (21.08.2006 - 11:08) Leningrad00 написал(а):
Пример здесь: http://www.az-customs.net
Спустя 3 минуты, 1 секунда (21.08.2006 - 11:11) max_ru написал(а):
Спустя 29 минут, 39 секунд (21.08.2006 - 11:41) Derebas написал(а):
Общий смысл ясен. Вероятно придется отказаться от бордюра.
Но все таки интерестно, отчего это глюк.
Но все таки интерестно, отчего это глюк.
Спустя 3 минуты, 25 секунд (21.08.2006 - 11:44) max_ru написал(а):
Сдвигается все, потому что бордер имеет толщину >=1px. Если рассчитаешь так, чтобы ширина_таблицы+ширина_бордера=исходная_ширина_таблицы, то сдвигов скорее всего не будет (то же сделать и с высотой.) Короче говоря, оставлять запас ширины для бордера.
Спустя 3 месяца, 2 часа, 12 минут, 52 секунды (21.11.2006 - 14:57) Dark_Avenger написал(а):
Вообще такие проблемы решает CSS. Интернет страдает отсутствием мультибраузерности и поэтому умные вебмастера делают на каждый браузер свой CSS файл. А на загрузке ставят небольшой php код для его определения.
Спустя 3 часа, 2 минуты, 2 секунды (21.11.2006 - 17:59) Виктор написал(а):
Dark_Avenger, согласен с тобой!!