Шаблон на весь экран

Статус
В этой теме нельзя размещать новые ответы.
m.shnek написал(а):
Читать тут:

_http://www.pastukhova.com/lesson1.php
Нажмите для раскрытия...

На этом сайте разве резиновый дизайн?

Добавлено через 7 минут
k16avto написал(а):
а если надо сделать две колонки на дивах рядом по горизонтали и шоб одна была по ширине ровно 200рх а вторая резиновой?
Нажмите для раскрытия...

Вот для примера :D

<table width="100%" border="1">
<tr>
<td>
<div style="width: 200px; border:1px #333333 solid; height:200px;"></div>
</td>
<td width="100%">&nbsp;</td>
</tr>
</table>

С тебя пиво
 
Djondevis написал(а):
Вот для примера :D

С тебя пиво
Нажмите для раскрытия...

читать умееш?

на ДИВАХ!!! нафиг мне таблицы?

HTML: 
<div style="float:left;width:100%;">Текст</div>
<div style="float:left;">Текст</div>
<div style="clear:both;"></div>
тебе уже хватит пива. и так уже ниче не видиш.
 
Хорошо бы иметь в виду, что резиновый дизайн не так хорош, как кажется на первый взгляд.

1) При больших разрешениях сайт будет расширяться то такой ширины, что потом текст будет читать очень трудно.

2) Будут теряться пропорции самого дизайна, т.к. изображения не тянутся.

Эти моменты нужно учитывать и делать ограничения по резиновости.
 
k16avto написал(а):
а если надо сделать две колонки на дивах рядом по горизонтали и шоб одна была по ширине ровно 200рх а вторая резиновой?
Нажмите для раскрытия...
Код: 
<div style="width:200px; float:left">Text</div>
<div>Text</div>
Оно?

Dima-chen написал(а):
Хорошо бы иметь в виду, что резиновый дизайн не так хорош, как кажется на первый взгляд.

1) При больших разрешениях сайт будет расширяться то такой ширины, что потом текст будет читать очень трудно.
Нажмите для раскрытия...
max-width
Dima-chen написал(а):
2) Будут теряться пропорции самого дизайна, т.к. изображения не тянутся.
Нажмите для раскрытия...
резина делается там где пропорции не критичны
 
Код:
<div style="width:200px; float:left">Text</div>
<div>Text</div>
Оно?
Нажмите для раскрытия...
начало. а дальше что делать? сто прописывать?
если поставить у второго слоя 100% он второй блок скидывает первый под себя.
 
k16avto написал(а):
начало. а дальше что делать? сто прописывать?
если поставить у второго слоя 100% он второй блок скидывает первый под себя.
Нажмите для раскрытия...

не надо ставить 100%, создай файл html, вставь в него вот этот код
Код: 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>

<div style="width:200px; float:left; background:#FFFFCC;">Text</div>
<div style="background:#CCCCFF;">Text</div>

</body>
</html>
и смотри как он выглядит в браузере
стили background:#CCCCFF и background:#FFFFCC добавил для наглядности. В итоге получилось два блока, левый 200px, правый резина.
 
действительно. работает. я даж чет не подумал оставить второй блок вообще без размеров.
 
А если вопросы по css то htmlbook.ru лучше всего.. Да и резину проще на таблицах..
 
<div style="width:200px; float:left; background:#FFFFCC;">Text</div>
<div style="background:#CCCCFF;">Text</div>
Нажмите для раскрытия...
есть один ньюанс, если в правый div добавить большую картинку или длинный текст, то блок упадет вниз.
 
Dewars, если пишешь резиновый шаблон, то лучше не путать проценты и px, попробуй сделать в %

Zigfreed, часто приходится работать и с дизайнами и с программирование, да с таблицами проще работать, но для оптимизации лучше в дивах писать, да и смотря к чему человек привык, по мне так, если встает выбор с чем писать, то предпочтение div отвожу, хотя часто приходится совмещать их с таблицами. Не много расширю этот вопрос в сторону оптимизации страниц: самый оптимальный вариант как я считаю убрать со страниц стили в файлы, а почему, могу обьяснить. Файлы стилей загружаются на комп пользователя в кеш и потом уже берутся с его компа. Воопще на эти темы можно много говорить ) Извиняюсь если немного отошел от темы, я новичек на этом сайте, а времени как всегда не так много ;)
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху