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

HTML+CSS+JavaScript

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

 

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

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

тема: не работает background, если ставлю float
 
 автор: P@Sol   (25.12.2011 в 12:35)   письмо автору
 
 

вывожу статьи в два столбика:
<?
<div id="main_left_items" style="clear:left; width:720px; background:#fff; margin: 10px;">
    <
div class='item' style='width: 320px; float: left;'>
        <
div class="item_title" style='background-color:#f60; font-weight:bold;'><a href="/content/33">Истории бегунов</a></div>
        <
h3 class="item2"><a href="/items/25" style="color: #f60;">«Харуки Мураками»</a></h3>
        <
div class="item_announce2">Мы представляем небольшой рассказ об одном из самых
 любимых в России японских писателей
.</div>
        <
div class="item_author">nk<span> </span></div>
        <
div class='space0'></div>
    
        <
div class="item_title" style='background-color:#f60; font-weight:bold;'><a href="/content/30">Питание</a></div>
        <
h3 class="item2"><a href="/items/24" style="color: #f60;">Несколько блюд</a></h3>
        <
div class="item_announce2">В одной из статей на нашем сайтемы говорили о томчто
 на западе очень многие известные актеры
телеведущие и политики серьезно занимаются
 бегом
Но и в нашей стране есть знаменитости-бегуны. </div>
        <
div class="item_author">Юлия Высоцкая<span> </span></div>
    </
div>
    
    <
div class='item' style='width: 320px; float: right;'>

        <
div class="item_title" style='background-color:#f60; font-weight:bold;'><a href="/content/26">Тренировки</a></div>
        <
h3 class="item2"><a href="/items/16" style="color: #f60;">Готовимся к марафону</a></h3>
        <
div style="float:left; clear:left;"><img class="item_img" src="./img/ru/items/16/small.jpg" alt="Готовимся к марафону" title="Готовимся к марафону"></div>
        <
div class="item_announce2">Бег может быть источником радостиа участие в
 марафонах может улучшить качество вашей жизни в любом возрасте
. </div>
        <
div class="item_author">Джефф Гэлловей<span> </span></div>
        <
div class='space0'></div>
    
        <
div class="item_title" style='background-color:#f60; font-weight:bold;'><a href="/content/30">Питание</a></div>
        <
h3 class="item2"><a href="/items/1" style="color: #f60;">Бегуны и вес</a></h3>
        <
div style="float:left; clear:left;"><img class="item_img" src="./img/ru/items/1/small.jpg" alt="Бегуны и вес" title="Бегуны и вес"></div>
        <
div class="item_announce2">Как спортивный диетологя много часов провожу с
 бегунами
помогая им примириться с собственным телом. </div>
        <
div class="item_author">Nancy Clark MS RD CSSD<span> </span></div>
    </
div>
</
div>   

как только убираю float: left; во втором <div> фон появляется, а с float: left; фон прозрачный. что не так?

  Ответить  
 
 автор: SerG7   (25.12.2011 в 13:27)   письмо автору
 
   для: P@Sol   (25.12.2011 в 12:35)
 

class='item' style='width: 320px; float: left;'

покажите class='item'
а зачем style='width: 320px; float: left;' в коде а не в CSS

попробуйте прописать overflow: hidden;

  Ответить  
 
 автор: P@Sol   (19.01.2012 в 00:06)   письмо автору
 
   для: SerG7   (25.12.2011 в 13:27)
 

спасибо

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

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