Проблема с падающим дивом.

musulman · May 22, 2011

Приветствую всех.

Начал верстать свой сайт и столкнулся с такой проблемой.

HTML

<div class="left">Left block</div>
<div class="right">Rightblock</div>

CSS

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

Проблема что блок .right опускается ниже на высоту блока .left

Раньше я решал проблему так:

<div class="right">Rightblock</div>
<div class="left">Left block</div>

Понимаю, что логически это неправильно, поэтому и озадчился этим вопросом. Спасибо

rash2x · May 22, 2011

пусть оба будут float:left, а родительский div какой ширины?

musulman · May 22, 2011

пусть оба будут float:left, а родительский div какой ширины?

100% - резина.

Я ищу решение именно этой проблемы.

igon · May 22, 2011

overflow:hidden; на родители задан ?

musulman · May 22, 2011

overflow:hidden; на родители задан ?

Забубьте вообще что есть что то помимо выше указаного.

igon · May 22, 2011

тогда информации побольше кусок кода от родителя или выше, это элементарные вещи

Gaspode · May 22, 2011

В приведённом вами коде всё нормально

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
      <title>Preved</title>
      <style type="text/css">
         .left {float:left;width:200px; height: 100px; background: red;}
         .right {float:right;width:200px; height: 200px; background: green;}
      </style>
   </head>
   <body>
     <div class="left">Left block</div>
     <div class="right">Rightblock</div>
   </body>
</html>

нормально отображается.

Покажите целиком, что у вас там.

Edited May 22, 2011 by Gaspode

Sign In

Проблема с падающим дивом.

Question

musulman

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

rash2x

Link to comment

Share on other sites

musulman

Link to comment

Share on other sites

igon

Link to comment

Share on other sites

musulman

Link to comment

Share on other sites

igon

Link to comment

Share on other sites

Gaspode

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information