midi63
Продвинутый
Дата регистрации:
11.05.2013 14:57:31
Сообщений: 77
Создал конструкцию на дивах, в один поместил два других(колонки справа и слева)
задал мин. значение для главного блока т.е. в котором все лежит(простите за диалект) хотел чтобы главный див стал резиновым, но получилось что колонки просто выходят из него. Свойство обтекание от тега float сделало их как бы невидимыми для главного дива. Как можно исправить проблему?
midi63
Продвинутый
Дата регистрации:
11.05.2013 14:57:31
Сообщений: 77
Раз ни кто не ответил, тогда я сам отвечу на свой вопрос) Проблема, в принципе часто встречается, особенно в самом начале обучения. Интересно как из нее выходят опытные верстальщики?
Подобное обтекание убирается с помощью стиля clear. Но это спасает далеко не всегда.
Например когда стоит обводка у блока, блоки начинают перескакивают один под другой при уменьшении экрана. Как это исправить?
Я например это исправил так: правый блок прижал справа, а левый слева через стиль float.
И к левому блоку применил стиль margin-left:-20px; После этого перескакивать блоки перестали. Т.е. получилось вроде такой конструкции которая позволяет правый блок заезжать на левый, но при этом находится на своем месте.
Далее применил для блоков min-height:100%; и скрипт выравнивания по длинне.
Но до конца проблема не решилась все равно..
Получилось при уменьшении колонки все равно не тянутся, а имеют определенную длину, которая не понятно от куда возникает..
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Накладывание блоков друг на друга - это недостаток блочной вёрстки. Как альтернативу можно было бы сделать горизонтальную полосу прокрутки, но это тоже плохой вариант. Поэтому надо адаптировать так, чтобы при 1024px ничего не налазило. Тогда и при больших разрешениях блоки друг на друга заходить не будут.
midi63
Продвинутый
Дата регистрации:
11.05.2013 14:57:31
Сообщений: 77
Михаил, а в табличной верстке по моему нельзя сделать резиновый каркас. Только определенные размеры. Это минус. Теперь попробую сверстать с помощью таблиц. Лучше на мой взгляд использовать и то и то. Вообще, если изначально смотреть на разработку сайта - 1 этап это рисование таблицы, по определенным пропорциям (золотое сечение Фибоначи). И только потом вставляются изображения, кнопки и т. п. и начинается верстка. Т.е. сайт по сути это и есть таблица. Верстка с помощью одних только блоков - это совершенно неоправданный гемор.
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Почему в табличной верстке нельзя сделать резиновый каркас? По-моему можно (если я Вас правильно понял). Создали таблицу - ширина 100%. В таблице одна строка, в строке 3 ячейки. Допустим, левой и правой ячейкам задаете ширину 15%, а центральной ячейке 70%.
<table>
<tr>
<td>1111</td>
<td>2222</td>
<td>3333</td>
</tr>
</table>
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Честно говоря, не понял вашей проблемы с div
Вот код - верстка резиновая, колонки не вылезают при растягивании и сжатии страницы.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Резиновая верстка</title>
<style type="text/css">
#main {
min-width: 800px;
max-width: 100%;
font-size: 50px;
}
#left {
width: 50%;
float: left;
background: #ff0;
}
#right {
width: 50%;
float: right;
background: #f0f;
}
</style>
</head>
<body>
<div id="main">
<div id="left">1111</div>
<div id="right">3333</div>
</div>
</body>
</html>
midi63
Продвинутый
Дата регистрации:
11.05.2013 14:57:31
Сообщений: 77
Я хотел страницу шириной в 1000px сделать плавающей в длину. Плюс ко всему сделать колонки внутри ее заданной ширины и с плавающей длинной и еще чтобы все блоки всегда были одинаковой длинны. Теперь понял что это совершенно ненужная затея.
