Изравняване на таблици

W

webdeveloper

Registered
Здравейте, имам едни таблици, които забелязах, че под различните браузъри не са изравнени. Ето една снимка как трябва да изглеждат:

http://store.picbg.net/pubpic/EA/17/f28956cd0740ea17.png

Но под различните браузъри едната таблица се разширява по-надолу от другата и фактически идва по-дълга, а аз искам да са изравнени като на снимката. Имате ли идеи как мога да ги фиксна за всички браузъри, защото с нагласяне на пикселите явно не става.


Edit: Ето ги и таблиците:

HTML: 
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>


<td valign="top">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/table/top_left.png"></td>
<td width="100%" class="top"></td>
<td><img src="images/table/top_right.png"></td>
</tr>

<tr>
<td class="left"></td>
<td class="center-table">


<center><b>Заглавие на таблицата в ляво</b></center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">

Тука инфото

</table>
</td>
<td class="right"></td>
</tr>

<tr>
<td><img src="images/table/down_left.png"></td>
<td class="down"></td>
<td><img src="images/table/down_right.png"></td>
</tr>
</table>

</td>




<td valign="top">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/table/top_left.png"></td>
<td width="100%" class="top"></td>
<td><img src="images/table/top_right.png"></td>
</tr>

<tr>
<td class="left"></td>
<td class="center-table">


<center><b>Заглавие на таблицата в дясно</b></center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">

Тука инфото за вторият панел в дясно
 
</table>
</td>
<td class="right"></td>
</tr>


<tr>
<td><img src="images/table/down_left.png"></td>
<td class="down"></td>
<td><img src="images/table/down_right.png"></td>
</tr>
</table>

</td>
</tr>
</table>
 
Ev0luti0N каза:
Пробвал ли си ако зададеш дължина и височина на td-тата?
Увеличете...

Да, няма файда. Ще го наглася под Mozilla-та, но при Chrome примерно не е както трябва...
 
webdeveloper каза:
Ev0luti0N каза:
Пробвал ли си ако зададеш дължина и височина на td-тата?
Увеличете...

Да, няма файда. Ще го наглася под Mozilla-та, но при Chrome примерно не е както трябва...
Увеличете...
Ако можеш да дадеш онлайн демо, мога да пробвам да помогна. :?:
 
HTML: 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/table/top_left.png"></td>
<td width="100%" class="top"></td>
<td><img src="images/table/top_right.png"></td>
</tr>

<tr>
<td class="left"></td>
<td class="center-table" valign="top">


<center><b>Реклама</b></center><br>
<center>
<script type="text/javascript">
google reklama
</script>
<br><br>
</center>


</td>
<td class="right"></td>
</tr>


<tr>
<td><img src="images/table/down_left.png"></td>
<td class="down"></td>
<td><img src="images/table/down_right.png"></td>
</tr>
</table>
 
Всъщност в кода по-горе съм изпуснал таблиците за ляво и дясно ето го целият:

HTML: 
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>


<td valign="top">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/table/top_left.png"></td>
<td width="100%" class="top"></td>
<td><img src="images/table/top_right.png"></td>
</tr>

<tr>
<td class="left"></td>
<td class="center-table">


<center><b>Заглавие на таблицата в ляво</b></center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">

Тука инфото

</table>
</td>
<td class="right"></td>
</tr>

<tr>
<td><img src="images/table/down_left.png"></td>
<td class="down"></td>
<td><img src="images/table/down_right.png"></td>
</tr>
</table>

</td>




<td valign="top">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/table/top_left.png"></td>
<td width="100%" class="top"></td>
<td><img src="images/table/top_right.png"></td>
</tr>

<tr>
<td class="left"></td>
<td class="center-table">


<center><b>Заглавие на таблицата в дясно</b></center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">

Тука инфото за вторият панел в дясно
 
</table>
</td>
<td class="right"></td>
</tr>


<tr>
<td><img src="images/table/down_left.png"></td>
<td class="down"></td>
<td><img src="images/table/down_right.png"></td>
</tr>
</table>

</td>
</tr>
</table>

Извинявам се.
 
HTML: 
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>


<td valign="top">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/table/top_left.png"></td>
<td width="100%" class="top"></td>
<td><img src="images/table/top_right.png"></td>
</tr>

<tr>
<td class="left"></td>
<td class="center-table" valign="top">


<center><b>Заглавие на таблицата в ляво</b></center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">

Тука инфото

</table>
</td>
<td class="right"></td>
</tr>

<tr>
<td><img src="images/table/down_left.png"></td>
<td class="down"></td>
<td><img src="images/table/down_right.png"></td>
</tr>
</table>

</td>




<td valign="top">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/table/top_left.png"></td>
<td width="100%" class="top"></td>
<td><img src="images/table/top_right.png"></td>
</tr>

<tr>
<td class="left"></td>
<td class="center-table">


<center><b>Заглавие на таблицата в дясно</b></center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">

Тука инфото за вторият панел в дясно
 
</table>
</td>
<td class="right"></td>
</tr>


<tr>
<td><img src="images/table/down_left.png"></td>
<td class="down"></td>
<td><img src="images/table/down_right.png"></td>
</tr>
</table>

</td>
</tr>
</table>
 
Ev0luti0N каза:
webdeveloper каза:
Не, не става. Разгледай хубаво кода, valign-а е сложен. :)
Увеличете...
С valign при мен излиза перфектно - Chrome.. :?:
Увеличете...

С този код, който даде при мен нито под мозилата е наред нито под хром.
 
webdeveloper каза:
Ev0luti0N каза:
webdeveloper каза:
Не, не става. Разгледай хубаво кода, valign-а е сложен. :)
Увеличете...
С valign при мен излиза перфектно - Chrome.. :?:
Увеличете...

С този код, който даде при мен нито под мозилата е наред нито под хром.
Увеличете...
Сложи го и ми прати ЛС кога да обновя. Защото като гледам в момента всичко е напред при мен.. :idea:
 
Ev0luti0N каза:
webdeveloper каза:
Ev0luti0N каза:
С valign при мен излиза перфектно - Chrome.. :?:
Увеличете...

С този код, който даде при мен нито под мозилата е наред нито под хром.
Увеличете...
Сложи го и ми прати ЛС кога да обновя. Защото като гледам в момента всичко е напред при мен.. :idea:
Увеличете...

Да, под Опера, Хром, и Сафари с 1px разминаване е фикснато, но при Най-новата мозила едното <br> слиза прекалено надолу и не е равно...
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе