Проблема с float
- Автор темы jorj
- Дата начала
- Статус
scrobot
я не унылое говно ^_^
- Регистрация
- 29.07.2011
- Сообщения
- 243
вот посмотри
вот css
я тут изобразил схематично, возможно это поможет твоей проблеме
Код:
<!DOCTYPE HTML>
<html lang=en>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>блоки</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="block1">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной
"рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую
коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только
успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации
в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее
время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</div>
<div class="block2">Многие думают, что Lorem Ipsum - взятый с потолка псевдо-латинский набор слов, но это не совсем так.
Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад.
Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат Вирджиния, взял одно из самых странных
слов в Lorem Ipsum, "consectetur", и занялся его поисками в классической латинской литературе. В результате
он нашёл неоспоримый первоисточник Lorem Ipsum в разделах 1.10.32 и 1.10.33 книги
"de Finibus Bonorum et Malorum" ("О пределах добра и зла"), написанной Цицероном в 45 году н.э.
Этот трактат по теории этики был очень популярен в эпоху Возрождения. Первая строка Lorem Ipsum,
"Lorem ipsum dolor sit amet..", происходит от одной из строк в разделе 1.10.32</div>
<footer>Copyright 2012 все права защищены</footer>
</body>
</html>
Код:
.block1 {
width: 300px;
float: left;
background: red;
border: 1px solid black;
}
.block2 {
width: 300px;
float: left;
margin: 0 0 10px 10px;
background: yellow;
border: 1px solid black;
}
footer {
clear: both;
margin: 0;
border: 1px solid black;
width: 600px;
background: green;
text-align: center;
font-size: 24px;
}- Статус