Помощник
|
Резиновый Шаблон.Помогите... |
toorr2p
|
Сообщение
#1
|
||
|
|
||
|
|||
ZiTosS |
1.12.2008, 3:22;
Ответить: ZiTosS
Сообщение
#2
|
|
Сразу замечу, что абсолютня блочная вёртска это не дело. Надо верстать относительно, поэтому в вашем случае вариант резиновой вёрстки не получится. Хотя можете попробовать
У table главной выставить width="100%" Затем пройтись по всем блокам(div) и сделать замену относительно width будет равен примерно 1025/размер_width_в_px Также надо будет подумать над абсолютным позиционированием Все left, top, right, bottom, margin заменить в процентном соотношении так же как и с блоками. Но вообще такой вариант очень плох... Верстают всегда относительно, я бы сделал так. Делается один общий div 100%-ный, внутри него ещё div как внешние обёртки для частей. Внутри уже этих div'ов, div'ы с float: (left;right;center), Центральный див размером auto, а боковые размером в процентах Вот я отвечал про относительное позиционирование |
|
|
toorr2p
|
Сообщение
#3
|
|
Сразу замечу, что абсолютня блочная вёртска это не дело. Надо верстать относительно, поэтому в вашем случае вариант резиновой вёрстки не получится. Хотя можете попробовать У table главной выставить width="100%" Затем пройтись по всем блокам(div) и сделать замену относительно width будет равен примерно 1025/размер_width_в_px Также надо будет подумать над абсолютным позиционированием Все left, top, right, bottom, margin заменить в процентном соотношении так же как и с блоками. Но вообще такой вариант очень плох... Верстают всегда относительно, я бы сделал так. Делается один общий div 100%-ный, внутри него ещё div как внешние обёртки для частей. Внутри уже этих div'ов, div'ы с float: (left;right;center), Центральный див размером auto, а боковые размером в процентах Вот я отвечал про относительное позиционирование Я правильно понял? CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Реклама</title> </head> <style type="text/css"> #main { width:100%; height:auto; background:#CCCC00;} #hider { width:auto; border:solid width:2px; height:250px;} #blok1 { width:300px; border:#FF0066 double; height:200px; background:#FFFFFF; margin-bottom:-20px;} #menu { width:auto; height:25px; background:#CC0066;} #content { width:auto; height:auto;} #height { position:static; float:right; background:#666600; height:980px; width:150px;} #buttom { width:auto; height:100px; border:medium; background:#999999; margin-top:980px;} </style> <body> <div id="main"> <div id="hider"> <div id="blok1"></div> </div> <div id="menu"></div> <div id="content"> <div id="height"></div> </div> <div id="buttom"></div> </div> </body> </html> |
|
|
ZiTosS |
2.12.2008, 21:01;
Ответить: ZiTosS
Сообщение
#4
|
|
Вячеслав, нет неправильно, почему у вас width в px Если вы хотите полностью резиновый дизайн, то у вас все блоки, которые не нуждаются в однознавчных размерах должны быть заданы процентно...
И если честно... Вы сами верстали дизайн? Или визуальным редактором пользуетесь? |
|
|
toorr2p
|
Сообщение
#5
|
|
Верстаю в Дриме но вручную, пользуюсь для удобства вставки параметров для тэгов в CSS.
|
|
|
ZiTosS |
3.12.2008, 2:09;
Ответить: ZiTosS
Сообщение
#6
|
|
|
Тогда советую вам почитать по блочной вёрстке. Абсолютное позиционирование это очень плохо... Старайтесь верстать относительно
_http://htmlbook.ru/content/ вот тут интересные статьи по вёрстке. По блочной читать во вкладке "Вёрстка с помощью слоёв" _http://htmlbook.ru/content/?id=90 Блочная вёрстка - базовые понятия _http://htmlbook.ru/content/?id=97 Блочная вёрстка - фиксированный дизайн _http://htmlbook.ru/content/?id=102 Блочная вёрстка - Резиновый дизайн. Двухколонный макет Если вы почитаете эти статьи, то вы осознаете как делать резиновый дизайн в блочной вёрстке. Так как вы сверстали сайт это не совсем приемлемо, потому что у вас каждый блок спозиционирован абсолютно. Советую переверстать
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Помогите вспомнить рекламного бота Телеграм для обмена рекламой | 0 | Mixatraider | 725 | 21.2.2024, 23:42 автор: Mixatraider |
|
Нужно отрисовать шаблон сайта | 2 | karambas | 3665 | 6.7.2022, 20:27 автор: Freedo |
|
Сколько стоит сделать шаблон для WP? изучаю цены |
3 | Palundra | 2402 | 2.4.2022, 3:06 автор: WebSuccessful |
|
Установить Wordpress + iBid шаблон | 0 | wep | 4295 | 23.11.2021, 13:54 автор: wep |
|
Платный продам шаблон wordpress (недорого) | 0 | sheva7 | 3750 | 13.11.2021, 0:39 автор: sheva7 |
Текстовая версия | Сейчас: 19.4.2024, 20:54 |