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

HTML+CSS+JavaScript

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

 

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

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

тема: что не так? простой пример
 
 автор: alph[p]a   (10.09.2010 в 09:53)   письмо автору
 
 


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>float</title>
 </head> 
 <body> 

    
    <div style="border: 2px solid red;">
    
                    <div style="border: 1px solid blue; width: 240px; float: left; ">
                    <h2>Лампа отличная</h2>
                    </div>
                                    
                    <div style="border: 1px solid blue; width: 240px; float: right;">
                    sdfsdf
                    </div>
                    
                    

    
    </div>
    
    
</body>
</html>


картинка отрисовывается такая что первый див (<div style="border: 2px solid red;">) получается пустой...

  Ответить  
 
 автор: bishake   (10.09.2010 в 10:54)   письмо автору
 
   для: alph[p]a   (10.09.2010 в 09:53)
 

Такой глюк происходит всегда, когда внутри контейнера содержатся блоки с любым обтеканием.
Для борьбы с ним можно использовать побочный эффект свойства overflow:
<div style="border: 2px solid red; overflow: hidden; width: 100%;">

Указание свойства width: 100% необходимо для любимого IE.

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

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