Задаю разметку страницы сайта с помощью таблицы. Размеры ячеек прописыват процентами. Смотрю на страницу с помощью браузаров Мозилла и ИЕ при разрешении монитора 1280 на 1024. Меняю разрешение на 800 на 600 - и понимаю, что для просмотра страницы нужно крутить прокрутку. Т.е. в чем смысл-то процентов? Разве они не должны оптимизировать размер страницы под разрешение монитора?

Цитата(Urod @ 28.4.2005, 19:56)

Задаю разметку страницы сайта с помощью таблицы. Размеры ячеек прописыват процентами. Смотрю на страницу с помощью браузаров Мозилла и ИЕ при разрешении монитора 1280 на 1024. Меняю разрешение на 800 на 600 - и понимаю, что для просмотра страницы нужно крутить прокрутку. Т.е. в чем смысл-то процентов? Разве они не должны оптимизировать размер страницы под разрешение монитора?

Если размер всех таблиц как и основной указывать в процентах, то сайт должен работать на всех разрешениях, то есть должен тянуться и стягиваться, в зависимости от разрешения экрана пользователя.
Чем и я сейчас занимаюсь, сложно, но можно!

PARROT
Да уж! Особенно когда я до этого все в пикселях указывала...
Т.е. надо, чтобы в коде не бело ни одного размера в пикселях (даже размеры картинок), а только в процентах. Да?

Это сообщение отредактировал(а) Urod - 10.5.2005, 02:16

Я тоже до этого указывала все в пикселях, а теперь передумала так делать, непрофессионально говорят!
И стоит слушаться.
Картинки конечно в пикселях, подбирай, очень большими не делай и маленькими тоже.
И проверяй, проверяй как я проверяю, долго, нудно, а что делать?
Кто говорил, что будет легко?

Говорят, чем меньше сейчас картинок, тем лучше, типа мода такая.

Не знаю, мне кажется, ничего такого очень сложного нет

В общем, проценты в таблице - это рекоменуемые соотношения между шириной столбцов оной. Разумеется, если в процентах задаётся width. Высота - это своя история Сделано это для того, чтобы размеры содержимого автоматически подгонять по ширине под размеры браузера - таким образом, чтобы оставалась только прокрутка по вертикали. Тут важно понимать, что браузер, если ему ничего специально не указывать, имеет полное право раздвигать ячейки, если что-то в них не влазит. Даже если это идёт в разрез с указанными процентами. Например, можно попробовать уменьшать ширину этой страницы (страницы форума). В какой-то момент появится горизонтальная полоса прокрутки - значит, что-то перестало помещаться в отведённое место. Существует способ "закрепить" соотношения между шириной столбцов - это стиль таблицы "table-layout: fixed;". Использовать его я рекомендую только в особых случаях. В обычной вёрстке (99% случаев) этот стиль использовать не стоит.

Это сообщение отредактировал(а) dm9 - 29.4.2005, 00:40

dm9
Так, ну так все-таки как результат проверки правильности указания процентных размеров ячеек можно примеять разные разрешения экрана? При этом горизонтальная прокрутка не должна появляться? У меня стандартные настройки браузеров.

Цитата(Urod @ 29.4.2005, 08:23)

dm9 Так, ну так все-таки как результат проверки правильности указания процентных размеров ячеек можно примеять разные разрешения экрана? При этом горизонтальная прокрутка не должна появляться? У меня стандартные настройки браузеров.

1) Для начала нужно решить минимум для какого разрешения ты будешь делать свой сайт.
Мой минимум это 800Х600, у некоторых 1024 минимум и проверяй, проверяй, проверяй...
2) Прокрутка появляться не должна, при правильно указанных процентах в таблицах, при стандартных настройках браузера.

Вообще все до боли просто:
Основная таблица, в которой содержатся внутренние таблицы для контента сайта (все в процентах).
И не забудь по бокам сделать пустые ячейки(<td width=20>&nbsp;</td>), не то текст или картинка будут располагаться, слишком близко к прокрутке.

Цитата(PARROT @ 29.4.2005, 10:20)

И не забудь по бокам сделать пустые ячейки(<td width=20>&nbsp;</td>), не то текст или картинка будут располагаться, слишком близко к прокрутке.

Ну... это делается так:

Код

body { padding: 0px 20px 0px 20px; }

Что означает отсуп контента от краёв страницы на
0px - сверху,
20px - справа,
0px - снизу,
20px - слева.




Это сообщение отредактировал(а) dm9 - 29.4.2005, 10:19

Ну тут возможно не только от краев потребуется, может слева или справа быть меню или новости, или и то и другое, тут придется делать ячейки!

dm9

Код

body { padding: 0px 20px 0px 20px; }

О! я-я, мы это уже знать!

Это сообщение отредактировал(а) Urod - 29.4.2005, 18:13

Urod

Ещё бы научились пользоваться кодом CSS, а не HTML, когда чистый CSS используется, и вообще было бы замечательно

Код

/* Вот так делать не надо :) */ body {     padding: 0px 20px 0px 20px; }

Код

/* А так - хорошо :) */ body {     padding: 0px 20px 0px 20px;     }

Это сообщение отредактировал(а) dm9 - 29.4.2005, 19:51

Вот не могу понять, как же поставить высоту ячеек таблицы именно 30%, 40% и 30% (как это отображено в коде). Вроде, в сумме эти ячейки по высоте дадут 100%, как и указано в высоте таблицы. Т.е. вроде, все должно быть соответственно указанным в коде размерам. Но ведь ни фига
Вот этот код:

Код

<td width="28%" height="100%" valign="top" bgcolor="#7C93B3">           <div align="right">             <table border="0" cellspacing="0" cellpadding="0">               <tr>                 <td height="30%"><div align="left"><img src="../Graphic/krovlya/pic_2.jpg" /></div></td>               </tr>               <tr>                 <td height="40%"><div align="right"><img src="../Graphic/krovlya/pic_3.jpg" /></div></td>               </tr>               <tr>                 <td height="30%"><div align="center"><img src="../Graphic/krovlya/pic_1.jpg" /></div></td>               </tr>             </table>                           </div>         </td>

Где же ошибка
И все-таки, по всему коду ни одного пиксельного измерения (только проценты), при просмотре страницы при разных разрешениях монитора все же вылезает полоса прокрутки

Это сообщение отредактировал(а) Urod - 2.5.2005, 19:53

Ты указываешь 30%, 40% и 30% от чего? Правильно, от высоты таблицы. А высота таблицы задана где? Правильно, нигде.

Задай таблице высоту, либо в пикселях, либо в %.

Код

<table border="0" cellspacing="0" cellpadding="0" width="100%"> или <table border="0" cellspacing="0" cellpadding="0" width="200px">

Просто так, не задав высоту таблицы, ты ничего не получишь.

Но учти. Задавая высоту 100%, надо понимать, от чего эти 100% будут браться.
Например, от высоты дива, так?
А 100% высоты дива откуда? От body? Или от чего? От body тоже можно, кстати. То есть div будет занимать 100% от высоты окна.

Но тут тоже не без подколок. Если написать так: <div height="100%">, работать это под Оперу 7.54, например, не будет ) А если так: <div style="height: 100%">, то будет
В общем, тестировать надо.

Но ты учти самое главное, проценты берутся от чего-то, что должно быть строго указано

dm9
Эээ, так высота - это же height, вроде. Я не права?
Да я и так писала:

Код

<td width="28%" valign="top" bgcolor="#7C93B3">           <div align="right">             <table [b]height="100%"[/b] border="0" cellspacing="0" cellpadding="0">               <tr>                 <td height="30%"><div align="left"><img src="../Graphic/krovlya/pic_2.jpg" /></div></td>               </tr>               <tr>                 <td height="40%"><div align="right"><img src="../Graphic/krovlya/pic_3.jpg" /></div></td>               </tr>               <tr>                 <td height="30%"><div align="center"><img src="../Graphic/krovlya/pic_1.jpg" /></div></td>               </tr>             </table>                           </div>         </td>

Тоже не помогает
Добавлено @ 20:38
Здесь, в общих чертах, правая колонка общей таблицы, в которую вставлена внутренняя таблица, в которую, в свою очередь, вставлены картинки. Т.о. высота как правой ячейки общей таблицы, так и вставленной в нее внутренней таблицы должна быть 100%.
Да и вот так - не получается

Код

<td width="28%" valign="top" bgcolor="#7C93B3">           <div style="height: 100%" align="right">             <table height="100%" border="0" cellspacing="0" cellpadding="0">               <tr>                 <td height="30%"><div align="left"><img src="../Graphic/krovlya/pic_2.jpg" /></div></td>               </tr>               <tr>                 <td height="40%"><div align="right"><img src="../Graphic/krovlya/pic_3.jpg" /></div></td>               </tr>               <tr>                 <td height="30%"><div align="center"><img src="../Graphic/krovlya/pic_1.jpg" /></div></td>               </tr>             </table>                           </div>         </td>

Все дело в том, что высота в процентах. У табицы - проценты от дива. У дива - проценты от ячейки. А ячейка не имеет заданолй высоты. Я про ячейку, которая в сточке 1 начинается. Если задать этой ячейке высоту, то может что-то получиться. Только помни: высота в процентах - это высота относительно родительского элемента. Так что и таблице придется задавать высоту. И дальше вверх по дереву, если все в процентах.