Divs не будет плавать

Я старался изо всех сил попытаться поплавать боковую панель влево и приспособиться к содержимому div, но для меня это НЕВОЗМОЖНО. Пожалуйста помоги.Divs не будет плавать

HTML:

<div class="index-page">  

     <img src="images/hosting-header.png" width="458" height="179" alt="Hosting Header"> 
     <h1> Welcome to Elektrik Host! </h1> 
     <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis 
     egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. 
     Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris 
     placerat eleifend leo.</p> 
     <h1> A little about us </h1> 
     <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis 
     egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. 
     Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris 
     placerat eleifend leo.</p> 
    </div><!-- //index-page --> 
    <div class="sidebar"> 

     <img src="images/sidebar-stickers.png" width="150" height="634" alt="Sidebar Stickers"> 

    </div><!-- //.sidebar -->

CSS:

.index-page { color: #000; width: 462px; } 
.sidebar { float: right; width: 200px; }

clearfix:

.clearfix:after { 
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both; 
}

источник

2010-10-05 omnix

Тогда вы плаваете по-другому, у вас есть '.sidebar {float: right;}' в вашей надбавке. –

.sidebar { float: left; width: 200px; } не right
Чтобы сделать их рядом:
- индекс-страницы также необходимо floatleft слишком index-page{ float: left;} (FF необходимости, IE не)
- перемещение боковой панели раньше индекса-страницы

источник

2010-10-05 03:35:36 pinichi

Если вы оставите «индексную страницу» в одиночку, переместите «боковую панель», чтобы она была первой, дайте ей «width» и определите 'float', а' index-page' позаботится о себе. –

В моем тесте, если индексная страница не имеет float, тогда это отображается ниже (FF в моем случае). О, IE не нужен. но для FF требуется @ _ @ – pinichi

Вы можете читать этот учебник: http://css.maxdesign.com.au/floatutorial/index.htm

CSS КОД

.floatright { float: right; }

HTML КОД

<p> 
<img class="floatright" src"images/sidebar-stickers.png" width="150" height="634" alt="Sidebar Stickers"> 
<p>

вам не нужно делать просто применить класс прямо к изображению.

источник

2010-10-05 03:24:04 Pavan

Я всегда нахожу это проще поставить float -ную содержание впереди контента, что делает путь для него, поэтому я переключился боковую панель, чтобы прийти впереди index-page DIV, и используется следующая CSS:

.sidebar { 
    width: 200px; 
    float: left; 
    }

Demo над на JS Bin.

источник

2010-10-05 03:32:34

Divs не будет плавать

ответ

Смежные вопросы