X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Почему правый блок съезжает?
dimjan4
dimjan4
Topic Starter сообщение 2.11.2008, 18:13; Ответить: dimjan4
Сообщение #1


Почему правый блок съезжает при наполнении инфой левого блока?
.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table class="main_table">
<tr>

<td class="logo">
<img src="img/logo.jpg" width="176" height="48">
<div class="mw">&nbsp;</div>
</td>
<td class="left_divider"></td>
<td class="search_block">
<div id="fffc"><!--verh--></div>
<table class="categories_projects">
<tr>
<td class="on" id="fff">


<!--verh-->
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="main_table">
<tr>
<td class="left_block">
<hr>
<table width="100%">
<tr>
<td>
<br><a href="#" class="link_menu"><img src="img/1.png" width="16px" height="16px">Ccылка</a>
<br><a href="#" class="link_menu"><img src="img/2.png" width="16px" height="16px">Ccылка</a>
</td>
<td>
<br><a href="#" class="link_menu"><img src="img/3.png" width="16px" height="16px">Ccылка</a>
<br><a href="#" class="link_menu"><img src="img/4.png" width="16px" height="16px">Ccылка</a>
</td>
</tr>
</table>
<hr>

<div class="line mb5">&nbsp;</div>
<div class="mw">&nbsp;</div>

</td>
<td class="left_divider2"><div class="mw">&nbsp;</div></td>
<td class="center_block">
</td>
<td class="right_divider"></td>
<td class="right_block">
Правый блок


<div class="mw">&nbsp;</div>
</td>
</tr>

</table>




</body>
</html>


css
html, body {height: 100%; margin: 0; padding: 0;}
body {background: #fff; font: normal 100% arial, sans-serif; color: #000; text-align: center;}
img, table {border: 0;}
table {border-collapse: collapse;}
td {margin: 0; padding: 0;}
td, th, p, div, h1, h2, h3 {text-align: left;}
.left {float: left;}
.right {float: right;}
.mw {display: block; height: 1px; line-height: 1px; font-size: 1px;}
.main_table {width: 90%; margin: 0 auto;}
.logo {/*width: 25%;*/ width: 24%; padding: 4px 0 15px 0; vertical-align: top;}
.left_divider {/*width: 4%;*/ width: 2%; vertical-align: top;}
.search_block {/*width: 71%;*/ width: 74%; padding: 4px 0 15px 0; vertical-align: top;}
.categories_projects {margin-left: 20px;}
.left_block {/*width: 25%;*/ width: 24%; vertical-align: top; padding-bottom: 19px;}
.center_block {width: 42%; vertical-align: top; padding-bottom: 19px;}

hr {width: 100%; color:#858585;}
a.link_menu:link {color:#00004A; font-size:11px;}
a.link_menu:visited {color:#00004A; font-size:11px;}
a.link_menu:active {color:#00004A;font-size:11px;}
a.link_menu:hover {color:#000000; font-size:11px;}



В чём тут проблема?:zloy:
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 2.11.2008, 20:05; Ответить: Webmaster_hb
Сообщение #2


таблица растягивается, а он выравнивается по середине ячейки
достаточно поставить valign=top
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 2.11.2008, 20:24; Ответить: dimjan4
Сообщение #3


Блин! Самое лёгкое, а в голову не пришлО! Спасибо!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПочему нельзя давать рекламу на бренд?
6 Bilish 1359 12.1.2020, 13:47
автор: BLIK
Открытая тема (нет новых ответов) Как скрыть блок в приложении на Android
0 Вито_052 1092 15.12.2019, 12:37
автор: Вито_052
Открытая тема (нет новых ответов) Почему стоит выбрать именно Berileads?
2 leadkreditrf 1833 27.11.2019, 12:39
автор: -leadkreditrf-
Открытая тема (нет новых ответов) Появляющийся блок
0 sergei_burg 2202 1.6.2019, 13:39
автор: -sergei1980-
Открытая тема (нет новых ответов) Перенести блок FAQ с сайта
Верстка
3 Gera 2553 13.12.2018, 15:40
автор: mmkulikov


 



RSS Текстовая версия Сейчас: 19.4.2024, 13:46
Дизайн