Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Почему блочные элементы не обтекают float блоки?
 
 автор: dump   (08.03.2012 в 16:08)   письмо автору
 
 

Почему блочные элементы не обтекают float блоки? Т.е. поток блочных элементов выводится так, как будто этих float-блоков и нет вовсе. Хотя строчные элементы просто обтекают....

  Ответить  
 
 автор: ЯСА   (08.03.2012 в 16:31)   письмо автору
 
   для: dump   (08.03.2012 в 16:08)
 

1. Дайте HTML-код с разноцветными блоками и разноцветными линейными элементами, и с установленными вами у каких-то из них float'ами и clear'ами

2. Дайте рисунок того, то вы хотели бы увидеть в браузере

3. Дайте PrintScreen получившегося в браузере отображения (то, что вы реально увидели)


Тогда можно будет поговорить конкретно.
И можно будет объяснить вам - почему именно ваши ожидания не оправдались.

  Ответить  
 
 автор: dump   (08.03.2012 в 17:14)   письмо автору
12.9 Кб
 
   для: ЯСА   (08.03.2012 в 16:31)
 

Вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Shop</title>
    <link rel="stylesheet" type="text/css" media="all" href="dump.css">
</head>
<body>

<div style="width: 100px; height: 100px; background: none repeat scroll 0pt 0pt red;float: left"></div>
dump
<div style="width: 100px; height: 100px; background: none repeat scroll 0pt 0pt blue; "></div>
<div style="width: 100px; height: 100px; background: none repeat scroll 0pt 0pt green;"></div>
<div style="width: 100px; height: 100px; background: none repeat scroll 0pt 0pt black;"></div>
</body>
</html>

Картинка из браузера во вложении.
Я хочу чтобы синий прямоугольник был справа, как надпись dump. Почему dump обтекает красный плавающий блок, а синий квадрат нет? Ведь он также должен обтечь плавающий блок...

  Ответить  
 
 автор: ЯСА   (08.03.2012 в 17:48)   письмо автору
 
   для: dump   (08.03.2012 в 17:14)
 

<div style="width: 100px; height: 100px; background: red; float: left"></div>
<div style="width: 100px; height: 100px; background: blue; float: left"></div>
<div style="width: 100px; height: 100px; background: green; clear: left"></div>
<div style="width: 100px; height: 100px; background: black"></div>

Этого хотите добиться?

Ответьте на вопрос.
А потом я постараюсь объяснить - почему надо оформлять именно так.

  Ответить  
 
 автор: dump   (09.03.2012 в 05:51)   письмо автору
 
   для: ЯСА   (08.03.2012 в 17:48)
 

>Этого хотите добиться?

Не то чтобы этого, я просто хочу понять, почему синий квадрат, который в коде идёт сразу после красного float-квадрата не обтекает его, как это делает надпись dump(т.е. срочный элемент).

  Ответить  
 
 автор: Tonik992   (09.03.2012 в 13:18)   письмо автору
 
   для: dump   (09.03.2012 в 05:51)
 

-

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования