| |
 776.5 Кб |
|
| | Здравствуйте Уважаемое сообщество.
Ни скажете как мне убрать расстояние между ячейками таблицы, в ie6 между ними зазор, я делаю табличную вёрстку стили для главной таблицы border-collapse:collapse, но зазор почему то есть. (между td.top и td.center_left, td.center_right)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<style type="text/css">
html, body { margin:0px; padding:0px; }
table.main { border-collapse:collapse; width:100%; height:100%; margin:0px; padding:0px; }
td { vertical-align:top; font-family:Tahoma; margin:0px; padding:0px; }
td.top { width:100%; height:310px; }
#fon_td_top { width:100%; height:310px; }
#logo_td_top { width:430px; height:300px; background-image:url(image/logo_table_top.gif); background-repeat:no-repeat; position:absolute; left:0px; top:10px; }
#stanki_td_top { width:376px; height:276px; background-image:
url(image/table_top_stanki.gif); background-repeat:no-repeat; position:absolute; right:0%; top:0px; }
#telefons_td_top { width:232px; height:84px; background-image:url(image/telefons_table_top.gif); background-repeat:no-repeat; position:absolute; left:40%; top:20px;}
td.center_left { width:24%; height:100%; background-image:url(image/fon_td_center.jpg); background-repeat:repeat-x; }
td.center_right { width:76%; height:100%; }
td.bottom {}
table.bottom {}
</style>
</head>
<body>
<table class="main" border="0">
<tr>
<td class="top" colspan="2">
<div id="fon_td_top">
<img src="image/fon_table_top.jpg" width="100%" height="310">
<div id="logo_td_top">
</div>
<div id="stanki_td_top">
</div>
<div id="telefons_td_top">
</div>
</div>
</td>
</tr>
<tr>
<td class="center_left">
fffffffffffffffff
</td>
<td class="center_right">
ggggggggggggggggggggggg
</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: pautina
(14.01.2009 в 12:28)
| | | Расстояние между ячейками таблицы: cellspacing=0 | |
| |
|
|
| |
|
|
| |
для: pautina
(14.01.2009 в 12:28)
| | | <table class="main" border="0"><tr><td
class="top" colspan="2"><div id="fon_td_top"><img
src="image/fon_table_top.jpg" width="100%" height="310">....
и т.д., без разрывов между тегами таблицы, если возникает проблема разрыва, что заметно при вставках изображения. Это при будет верно при border="0" cellpadding="0" cellspacing="0". | |
| |
|
|
| |
|
|
| |
для: sim5
(14.01.2009 в 13:09)
| | | Почему появился зазор сам не пойму, для table.main { border-collaps: collaps} это аналог sellspacing, по коду расстояния не должно быть, в opere и mozila нормально в ie6 зазор, может трюк какой надо. cellpadding="0" cellspacing="0" в <table class="main" border="0"> ставил тоже не помогло. | |
| |
|
|
| |
|
|
| |
для: pautina
(14.01.2009 в 15:03)
| | | Это не трюк, а нулевые параметры (где вы их объявите, это не важно), а далее писать так, чтобы между тегами таблицы небыло пробелов. Попробуйте. | |
| |
|
|
| |
|
|
| |
для: pautina
(14.01.2009 в 15:03)
| | | border-collapse
это не аналог cellspasing.
если вы укажете в стилях:
table td{border:1px solid #c1c1c1;}, например
то без table{border-collapse:collapse;}
они будут налеплены некрасиво, а с ним будут смотреться равномерно :) | |
| |
|
|
| |
|
|
| |
для: sl1p
(15.01.2009 в 07:32)
| | | Да без разрывов всё работает, SIM5 спасибо огромное. | |
| |
|
|
