Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Тянущийся сайт 
:(
    Опции темы
FireSnake
Дата 14.1.2007, 16:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 201
Регистрация: 15.9.2006
Где: Украина, Донецк

Репутация: нет
Всего: 1
Верстаю тянущийся сайт в жестком табличном стиле (тянится верхняя полоса по горизонтали и правая полоса по вертикали). Тянущимся по горизонтали смог сделать, а вот с вертикалью проблема.... никак не выходит. Делал я так - одну большую таблицу на весь экран и с параметрами ширины и высоты 100%, внутри таблицы две строки по 1 столбцу. В первой стоке куча последовательных таблиц заданной высоты, а второю строку я хотел сделать так, что б за счет нее сайт тянулся по вертикали на все свободное место, но не выходит... она почему то прижата к низу(хотя valing="top" и там еще какое-то свобоное место. У кого есть идеи? Заранее благодаренsmile
PM MAIL ICQ   Вверх
Vaulter
Дата 14.1.2007, 17:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1724
Регистрация: 30.12.2002
Где: бункер

Репутация: нет
Всего: 22
код


--------------------
PM MAIL WWW ICQ   Вверх
FireSnake
Дата 14.1.2007, 21:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 201
Регистрация: 15.9.2006
Где: Украина, Донецк

Репутация: нет
Всего: 1
Код

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Галерея векторной графики</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" rightmargin="0">

<map name="navig">
<area  href="vector3.html" shape="poly" coords="262,120,324,103,324,138">
<area  href="vector2.html" shape="poly" coords="409,110,468,122,409,135">
</map>

<table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0" >
<TR>
    <TD valign="top">

<table cellpadding="0"  cellspacing="0" width="100%" height="34" >
<tr>
    <td background="img/back_top_L.png" align="right" valign="top"><img src="img/back_top_R.png" width="1002" height="34"/></td> 
</tr>
</table>

<table cellpadding="0" cellspacing="0" width="100%" border="0" height="154">
<tr>
    <td valign="top"><img src="img/rasporka.gif" width="30" height="1"/></td>
    <td valign="top" align="right" width="972" height="135"><img src="img/logo.png" width="972" height="154"/></td>
</tr>
</table>    

<table cellpadding="0" cellspacing="0" width="100%" border="0" height="17">
<tr>
    <td><img src="img/rasporka.gif" width="30" height="1"/></td>
    <td align="right" valign="top" width="735"><img src="img/c2.png" width="735" height="56"/></td>
    <td align="right" valign="top" width="237" background="img/c3.png">
    <div><font class="link">Главная</font> <img src="img/rasporka.gif" width="10" height="1"/>
         <font class="link">Линки</font><img src="img/rasporka.gif" width="10" height="1"/>
         <font class="link">Контакты </font><img src="img/rasporka.gif" width="25" height="1"/></div></td>
</tr>
</table>    

<table cellpadding="0" cellspacing="0" width="100%" border="0" height="350">
<tr>
    <td rowspan="2"><img src="img/rasporka.gif" width="30" height="1"/></td>
    <td align="right" valign="top" background="img/left_middle.png" width="89" rowspan="2"><img src="img/rasporka.gif" width="89" height="1"/></td> 
    <td align="right" valign="top" width="521" rowspan="2"><p align="justify"><font class="standart"><br><br><br>Служба Яндекс.Рефераты предназначена для студентов и школьников, дизайнеров и журналистов, создателей научных заявок и отчетов - для всех, кто относится к тексту, как к количеству знаков.<br><br> Нажав на кнопку "Написать реферат" вы лично создаете уникальный текст, причем именно от вашего нажатия на кнопку зависит, какой именно текст получится - таким образом, авторские права на реферат принадлежат только вам.<br><br>Теперь никто не сможет обвинить вас в плагиате, ибо каждый текст Яндекс.Рефератов неповторим.<br><br>Текстами рефератов можно пользоваться совершенно бесплатно, однако при транслировании и предоставлении текстов в массовое пользование ссылка на Яндекс.Рефераты обязательна. </font></p></td>
    <td align="right" valign="top" background="img/midle_midle.png" width="125" rowspan="2"><img src="img/rasporka.gif" width="125" height="1"/></td>
    <td align="right" valign="top" background="img/c31.png" width="237" height="150"><center><font class="link"><img src="img/rasporka.gif" width="237" height="4"/><br>
    АРТ<br><img src="img/rasporka.gif" width="1" height="4"/><br><font class="selectlink">Вектор</font><br><img src="img/rasporka.gif" width="1" height="4"/><br>
    Рисунки<br><img src="img/rasporka.gif" width="1" height="4"/><br>Полиграфия<br><img src="img/rasporka.gif" width="1" height="4"/><br>Фото</font></center></td>
 </tr>
 <tr>
     <td align="right" valign="top" background="img/c32.png" width="237" height="200"><div align="center"><img src="img/rasporka.gif" width="1" height="17"/><br>
     <font class="link2">Отзывы<img src="img/rasporka.gif" width="10" height="1"/>Обои<img src="img/rasporka.gif" width="10" height="1"/>
     Рисунки<img src="img/rasporka.gif" width="49" height="1"/></font></div></td>
  </tr>     
</table>    

<table cellpadding="0" cellspacing="0" width="100%" border="0" height="150">
<tr>
    <td><img src="img/rasporka.gif" width="30" height="1"/></td>
    <td align="right" valign="top" width="972"><img src="img/piece6.png" width="972" height="150" usemap="#navig" border="0"/></td>
 </tr>
</table>

</TD>
</TR>

<TR>
<TD valign="top">

<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
    <td><img src="img/rasporka.gif" width="940" height="1"/></td>
    <td background="img/replay.png" width="62" valign="top"><img src="img/rasporka.gif" width="62" height="1"/></td>
</tr>
</table>
    
     </TD>
</TR>     
</table>
    
</body>
</html>
PM MAIL ICQ   Вверх
mishaSL
Дата 15.1.2007, 11:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

Репутация: 8
Всего: 54
Какой заголовок стоит? код не весь, самая верхняя строка?


--------------------
Лучший способ научиться программированию - это посмотреть как это делают другие...
PM MAIL   Вверх
FireSnake
Дата 15.1.2007, 12:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 201
Регистрация: 15.9.2006
Где: Украина, Донецк

Репутация: нет
Всего: 1
код весь - тег Doctype  я удалил. Что там должно быть? 
PM MAIL ICQ   Вверх
mishaSL
Дата 15.1.2007, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

Репутация: 8
Всего: 54
Для твоей верстки должно подойти: 

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>





--------------------
Лучший способ научиться программированию - это посмотреть как это делают другие...
PM MAIL   Вверх
FireSnake
Дата 15.1.2007, 15:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 201
Регистрация: 15.9.2006
Где: Украина, Донецк

Репутация: нет
Всего: 1
А эта строка случайно не стандартная с Dreamweaver?smile  
Попробую
PM MAIL ICQ   Вверх
mishaSL
Дата 15.1.2007, 15:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

Репутация: 8
Всего: 54
Стандартных много, просто если у тебя будет стоять xhtml, то высота таблиц работать не будет и делать надо совсем по другому.


--------------------
Лучший способ научиться программированию - это посмотреть как это делают другие...
PM MAIL   Вверх
SelenIT
Дата 15.1.2007, 16:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401
Цитата(mishaSL @  15.1.2007,  15:57 Найти цитируемый пост)
если у тебя будет стоять xhtml, то высота таблиц работать не будет


mishaSL, а в HTML Strict разве будет?


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
mishaSL
Дата 15.1.2007, 16:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

Репутация: 8
Всего: 54
Цитата(SelenIT @  15.1.2007,  16:15 Найти цитируемый пост)
mishaSL, а в HTML Strict разве будет? 


точно не знаю, обычно верстаю в xhtml, но в HTML Transitional должна работать.


--------------------
Лучший способ научиться программированию - это посмотреть как это делают другие...
PM MAIL   Вверх
SelenIT
Дата 15.1.2007, 16:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401
mishaSL, просто хотелось уточнить - дело в xhtml vs html, или все же Standards compliance mode vs Quirks mode?


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
mishaSL
Дата 15.1.2007, 16:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

Репутация: 8
Всего: 54
SelenIT,  чуть язык не сломал пока прочитал. Дело в следовании стандартам. Я считаю что это основной принцип верстки.


--------------------
Лучший способ научиться программированию - это посмотреть как это делают другие...
PM MAIL   Вверх
FireSnake
Дата 15.1.2007, 20:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 201
Регистрация: 15.9.2006
Где: Украина, Донецк

Репутация: нет
Всего: 1
эт... все равно не пашет:-( не тянется по вертикали;-(
PM MAIL ICQ   Вверх
mishaSL
Дата 15.1.2007, 21:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1046
Регистрация: 10.1.2007
Где: Санкт-Петербург

Репутация: 8
Всего: 54
Все тянется, что именно ты хочешь чтобы растягивалось, правый столбик или область контента?


--------------------
Лучший способ научиться программированию - это посмотреть как это делают другие...
PM MAIL   Вверх
FireSnake
Дата 15.1.2007, 23:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 201
Регистрация: 15.9.2006
Где: Украина, Донецк

Репутация: нет
Всего: 1
mishaSL, правый столбик в самой нижней таблице. Я хочу что б он занимал все свободное место по вертикали, а он никак... 

Это уже 9-ый резиновый сайт который я верстаю (правда с большими перерывами по времени), но каждый раз возникают проблемы что что-то не тянется и приходится долго возиться с этим ... Кто даст несколько общих правил по резиновой верстке? Буду благодарен
PM MAIL ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0624 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.