div e container flutuante bootstrap.

Cara eu acho que isso não é possível com css, com javascript sim, onde você iria pegar o tamanho da resolução do usuário e aplicar a css nas divs, você pode pegar a resolução usando:

<script language='javascript'>
 var width = screen.width;
	var height = screen.height;
</script>

<script language='javascript'>
 var width = $(window).width();
	var height = $(window).height();
</script>

<script language='javascript'>
 $("#Div1").css();
</script>

Com Css não sei um modo possível, você poderia usar display:inline-block; e usar width por %, assim ela irá se adequar a tela do usuário e se não me engano se ambas as div não couberam na resolução o display inline-block irá jogar uma para baixo, não sei, nunca testei mais com javascript iria ficar mais eficaz eu creio, Uma das formas que você poderia fazer é quando o usuario entrar na pagina você pega a resolução dele e monta 2 style.css uma com a div dentro e outro com a div em baixo.

Para usar a require você irá precisar da resolução em variaveis php para facilitar use:

<script language='javascript'>
	document.cookie = "resolucao="+screen.width+"x"+screen.height;
</script><?php
if(isset($_COOKIE['resolucao'])):
	$Resolucao = list($user_width,$user_height)=explode("x",$_COOKIE['resolucao']);
endif;
?>

<?php
$Tamanho_Minimo = 'TAMANHO MINIMO PARA A DIV FICAR IGUAL A IMAGEM 1';

	?>
 <link href="Css/style_1.css" rel="stylesheet" />
 <?php

	?>
 <link href="Css/style_2.css" rel="stylesheet" />
 <?php
endif;
?>

Muito obrigado pela resposta Leo , um exemplo sobre esse problema que estou falando está nesse link.

Eu quero fazer igual esse mapa que é uma div de fundo e outra div superior que é essa busca , porém no meu template eu quero colocar um slide.

http://html.realia.byaviators.com/

Agradeço desde já.

Oscar

Realmente muito foda o Site, eles fazem isso com js, Não sei como, não tenho certeza se ao aumentar sua Tela a $(window).width(); irá se adequar ao zoom que você aplicar ao navegador, mais tenho quase certeza que não é possível fazer isso com css, Tenta postar na área de javascript do fórum e coloca o site como exemplo que alguém deve ajudar, com algum plugin ou algum código.

cara.. antes o elemento tinha um position absolute,para ficar por cima e "dentro" do outro, e depois ele perdeu o absolute.

simples assim.

Eu consegui baixar esse site inteiro , porém o css dele é muito embolado . mas ele inicia um container e coloca um top -300px para a span subir por cima daquela outra layer .

É complicado entender como o desenvolvedor fez . mas eu vou descobrir agora revirando esse codigo .

se quiserem uma cópia desse site , é só falar que mando para voces tentarem descobrir isso tbm .

Agradeço desde já .

Oscar

<div class="container">

 <div class="row">

 <div class="col-md-6">Div 1</div>

 <div class="col-md-6">Div 2</div>

 </div>

 </div>

Usa Bootstrap 3 !