ширина слоя и float

[stosen]

Столкнулся с проблемой. Помогите, плиз, решить.

Есть слой контейнер, в нем два слоя хочу поставить один за другим по-вертикали. Ширину как контейнера, так и внутренних слоев, задаю в пикселах.

Внутри слоев image и подпись к ней.

Проблема в том, что в Opera ширина слоев больше, чем в IE, и второй слой перескакивает вниз???

[s0rr0w]

Столкнулся с проблемой. Помогите, плиз, решить.

Есть слой контейнер, в нем два слоя хочу поставить один за другим по-вертикали. Ширину как контейнера, так и внутренних слоев, задаю в пикселах.

Внутри слоев image и подпись к ней.

Проблема в том, что в Opera ширина слоев больше, чем в IE, и второй слой перескакивает вниз???

Ширина задается в нормальных браузерах для контента.

[Searcher]

Покажите код, возможно, вы не учли отступы и бордеры.

[3ABAPKA]

Есть слой контейнер, в нем два слоя хочу поставить один за другим по-вертикали.

Если ты хочешь разместить контейнеры по вертикали, то это означает один под другим. И значит див "не перескакивает вниз", а правильно там располагается.

[stosen]

Если ты хочешь разместить контейнеры по вертикали, то это означает один под другим. И значит див "не перескакивает вниз", а правильно там располагается.

Извиняюсь, я имел в виду по-горизонтали

Ширина задается в нормальных браузерах для контента.

Я читал, что плавающим слоям нужно обязательно указывать ширину, иначе это может привести к непредсказуемым результатам

[3ABAPKA]

тогда сделай так

вместо двух слоев сделай три

два слоя уложи один в другой

первому и третьему поставь float:left

третьему задай нужную ширину

а слою, который лежит в первом поставь margin-left: ширина слоя который будет ниже (третьего).

типа так

<div id="maincontainer">

<div id="contentwrapper">
				 <div id="contentcolumn">

				 </div>
</div>

<div id="leftcolumn">

</div>

</div>

сss

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 0 0 20%; 
}

#leftcolumn{
float: left;
width: 20%; /*Width of left column in percentage*/
margin-left: -100%;
background: #C8FC98;
}

Edited March 18, 2009 by 3ABAPKA

[kalyaka-malyaka]

3ABAPKA, это, конечно, выход, но человек так и не найдет, где он напортачил с пэддингами-марджинами. а дело, ИМХО, в них.

[stosen]

3ABAPKA, это, конечно, выход, но человек так и не найдет, где он напортачил с пэддингами-марджинами. а дело, ИМХО, в них.

Спасибо, всем. Дело действительно было в отступах. А именно отступы от image в IE и Opera различаются