2 див-а един под друг

[vinsbg]

Здравейте,
може ли някой да помогне да направя 2 дива да бъдат един под друг. В момента са един до друг.
Ето цсс-а
[css]
#rand_v{
float: left;
width: 130px;
padding:1em;
height:auto;
position:relative;
z-index:2;
border:1px solid #bcbcbc;
}
#rand_p{
float: left;
width: 130px;
padding:1em;
height:auto;
position:relative;
z-index:2;
border:1px solid #bcbcbc
}[/css]
Ето как изглеждат в момента
http://fiddle.jshell.net/f5zfp9ev/

 

[JetStorm]

DIV-а е block елемент по подразбиране и е достатъчно само да премахнеш float:left от CSS правилата за да минава всеки елемент на нов ред.

 

[djman]

Ами махни float: left; и на двете

 

[vinsbg]

Така обаче прецаква останалото. Над тия дивове има хедър и когато махна флоата заминават нагоре над хедъра..


едит:
Ето, какво се случва, като махна флоата
http://fiddle.jshell.net/f5zfp9ev/1/

 

[djman]

Ами това го нямаше в оригиналния ти въпрос)

http://fiddle.jshell.net/f5zfp9ev/3/

добавяш <div class="clear"></div>, който има просто clear: both; след header (като float: left остават махнати от 2-та div-a)

 

[vinsbg]

Ами това го нямаше в оригиналния ти въпрос)

http://fiddle.jshell.net/f5zfp9ev/3/

добавяш <div class="clear"></div>, който има просто clear: both; след header (като float: left остават махнати от 2-та div-a)

Да, нямаше го, защото не предполагах, че ще стане така
Така стана. Благодаря! :?: