Форум Сайтостроение Веб-строительство

Фиксированно-резиновый дизайн

12
a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#11

Хм. Странно таблицы себя видут. Указание ширины как-то слабо на них влияет.

NB
На сайте с 14.09.2004
Offline
95
Nick Bubelo
#12

CSS: 


body { max-width:1024px; width:expression((document.body.clientWidth||document.documentElement.clientWidth)>1024?"1024px":"100%"); }
Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#13
oksale:
я все резиновые сайты делаю таким образом, и ужимается все отлично, и полосы не появляются.

сижу верстаю, решил попробовать указать размер (у меня 1280) действительно нет полосы... Страннно

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#14
<head>
<title></title>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
</head>

<body>
<table height="100%" cellSpacing=0 cellPadding=0 align="center" border="0">
<tr><td width="1024px">
<!-- таблица с кодом сайта -->
<table width="100%" height="100%" cellSpacing="0" cellPadding="0" align="center" border="0">
<tr>
<td></td>
</tr>
</table>

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

</html>

верный вариант, единственное лучше всего ширину указывать только в стилях для ячейки фиксированную, а внутри неё для таблицы задавать уже 100% и опять же лучше с помощью css через родительские элементы.

Можно.

max-width.

для ИЕ - яваскриптовый хак в одну строчку.

а вот ещё один вариант, оба варианты описаны выше и оба работать будут на 100%

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
x3w
На сайте с 05.04.2006
Offline
14
x3w
#15

height="100%"

не будет работать!

Резиновая таблица на всю ширину экрана width="100%"

если надо только на 1024 то width="1000" больше не пойдет меньше пожалуйста

Уникальный контент (http://www.sfportal.net/image.html?id=0) это важно! Сайт эксперимент под программы (http://www.sfportal.net).
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#16
x3w:
height="100%"
не будет работать!

можно сделать height: 100%;

таким образом:

html {min-height: 100%; height: 100%;}
body {
background: {padding: 0px; margin: 0px; height: 100%; min-height: 100%;}
div.main {
width: expression((documentElement.clientWidth||document.body.clientWidth)>1024?'1024px':'100%');
max-width: 1024px; min-height:100%;
}

* html div.main {height: 100%;} // хак для эксплорера

в теле документа при помощи родителя делаем height

З.Ы. давно не верстал в табличке , но помоему в таблицах вообще не делается height, вернее это по крайней мере неправильно, для этого ячейки существуют.

Если сесть впринципе сейчас, то решение найти можно всегда и на максимальную и на минимальную как ширину так и высоту.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий