| |
 76.8 Кб |
|
| | Доброго. Имею фиксированную таблицу 1003px в которой 2 колонки (левая, правая) для каждой прописываю через css фоновое изображение а в свойствах td задаю ширину и высоту на 100%
Проблема в том, что фоновое изображение не состыковывается и образуется зазор между левой и правой колонкой. Как лучше поступить?
Для наглядности код:
<table width="1003px" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="4" align="left" valign="top" height="58px" style="background-image: url(images/main_p.png); background-repeat:no-repeat;">
<div class="menu">
<a href="#" class="m_kl1"></a><a href="#" class="m_kl2"></a><a href="#" class="m_kl3"></a>
<a href="#" class="m_kl4"></a><a href="#" class="m_kl5"></a>
</div>
<div class="logo"><a href="#"><img src="images/logo.png" border="0" /></a></div>
</td>
</tr>
<tr>
<td colspan="2" align="left" width="100%" valign="top" height="100%" style="background-image: url(<?php echo $left; ?>); background-repeat:no-repeat; background-position:left">
<div class="menu_main">
<a href="index.php?m=1" class="menu1"></a>
<a href="index.php?m=2" class="menu2"></a>
<a href="index.php?m=3" class="menu3"></a>
<a href="index.php?m=4" class="menu4"></a>
<a href="index.php?m=5" class="menu5"></a>
<a href="index.php?m=6" class="menu6"></a>
<a href="index.php?m=7" class="menu7"></a> </div>
</td>
<td colspan="2" align=" left" width="100%" height="100%" valign="top" style="background-image: url(<?php echo $right; ?>); background-repeat:no-repeat; background-position:right"><div class="main_text">qweqeqeqeqe</div><div class="min"><a href="#"><img src="images/min/<?php echo $id."6.png"; ?>" border="0" /></a></div></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top" style="background-image:url(images/bottom.png); background-repeat:no-repeat; background-position:bottom" width="1004px" height="140px" class="botton">
<div class="banners"> <div>1</div> <div>2</div> <div>3</div> </div>
</td>
</tr>
</table>
|
| |
| |
|
|
| |
|
|
| |
для: oli
(15.02.2011 в 16:08)
| | | width="1003px" ??????
TAK:
| |
| |
|
|
| |
|
|
| |
для: elenaki
(15.02.2011 в 16:21)
| | | Это не решение проблемы, хотя браузеры и это понимают | |
| |
|
|
| |
|
|
| |
для: OLi
(15.02.2011 в 16:31)
| | | Кто что скажет? | |
| |
|
|
| |
|
|
| |
для: OLi
(15.02.2011 в 18:19)
| | | уберите колспаны или пропишите КАЖДОМУ столбцу фиксированную ширину, а не % | |
| |
|
|
| |
|
|
| |
для: elenaki
(15.02.2011 в 19:29)
| | | Так в этом и дело что не могу прописать фиксированную ширину потому как генерируемые php фоновые изображения для левой и правой колонки - не одинакового размера, т-е для одной страницы 617px для другой 598px | |
| |
|
|
| |
|
|
| |
для: OLi
(15.02.2011 в 19:31)
| | | я бы сделала одинаковые. по 615
ну скажите, ну что вам дают эти два пикселя? ведь 600 выглядит гораздо симпатичней, чем 598, а разницы никакой... | |
| |
|
|
| |
|
|
| |
для: elenaki
(15.02.2011 в 19:51)
| | | я образно сказал....не получается иначе...потому как изображения разрезаны так... | |
| |
|
|
| |
|
|
| |
для: OLi
(15.02.2011 в 20:03)
| | | я бы склеила и разрезала правильно
ну да ладно. не даете картинки, будем вслепую. вы хотя бы принтскрин меряли? сколько он в ширину пикселей? может, слои в последней строке растягивают? кстати, какой смысл делать ширину верхнего столбца 1003, а нижнего 1004?
попробуйте так:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="author" content="mazuki">
<title>Untitled 3</title>
</head>
<body style="width: 100%; height: 100%; margin: 0;">
<table border="1" cellspacing="0" cellpadding="0" align="center" style="width: 1003px; height: 100%;">
<tr>
<td colspan="4" align="left" valign="top" style="width: 100%; height: 58px; background: url(images/main_p.png) top left no-repeat;">
<div class="menu">
<a href="#" class="m_kl1"></a><a href="#" class="m_kl2"></a><a href="#" class="m_kl3"></a>
<a href="#" class="m_kl4"></a><a href="#" class="m_kl5"></a>
</div>
<div class="logo"><a href="#"><img src="images/logo.png" border="0"></a></div></td>
</tr><tr>
<td colspan="2" align="left" valign="top" style="width: 50%; height: 100%; background: url(<?=$left?>) top keft no-repeat;">
<div class="menu_main">
<a href="index.php?m=1" class="menu1"></a>
<a href="index.php?m=2" class="menu2"></a>
<a href="index.php?m=3" class="menu3"></a>
<a href="index.php?m=4" class="menu4"></a>
<a href="index.php?m=5" class="menu5"></a>
<a href="index.php?m=6" class="menu6"></a>
<a href="index.php?m=7" class="menu7"></a> </div></td>
<td colspan="2" align=" left" valign="top" style="width: 50%; height: 100%; background: url(<?=$right?>)top right no-repeat;"><div class="main_text">qweqeqeqeqe</div><div class="min"><a href="#"><img src="images/min/<?=$id."6.png"?>" border="0"></a></div></td>
</tr><tr>
<td colspan="4" align="left" valign="top" style="width: 100%; height: 140px; background:url(images/bottom.png) left bottom no-repeat" class="botton">
<div class="banners"> <div>1</div> <div>2</div> <div>3</div> </div></td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(15.02.2011 в 20:16)
| | | 50% на 50% - никак не подойдет.. | |
| |
|
|
