posicionamento absolute e relative e redimensionamento, como resolver?

[programador_09 1]

Criei uma página usando somente medidas e posições em %, primeiro fiz com posições absolutas e as divs estavam se sobrepondo ao redimensionar o browser, depois refiz com relativas, porém as divs com float se sobrepõem ao redimensionar o browser.

 

A página e as divs diminuem conforme redimensiono o browser diminuindo o tamanho dele e elas "saem do lugar', gostaria que ao redimensionar o browser, essas divs continuassem do tamanho que elas são com o navegador maximizado, apenas criassem as barras de rolagem, e não diminuissem conforme diminuo o browser, é possível deixar desta forma mesmo usando as porcentagens?

[stromdh 15]

posta o link pra gente ver

[L. Henrique 179]

Creio que nesse caso você precisaria de alguns '@media' pra definir como ele ficaria no mobile. Se você não sabe o que isso significa, aconselho a dar uma lida nos sites abaixo:

• Tableless
• Mozilla Developers
• Maujor

Entendendo isso, em seu CSS, você pode definir a disposição dos itens que possui.
Vamos a um exemplo bem básico:

@media (min-width: 450px){
   .tutorial{
      display: none;
   }
}

O que definimos aqui foi que a classe tutorial, quando o dispositivo tiver 450 pixels de largura, ela receberá um estilo display: none;

Agora entendendo isso, coloque em prática nas div's do seu site.

 

[programador_09 1]

O que eu queria é que quando redimensionasse o browser, as divs mantessem o tamanho e aposição que ocupam com o browser maximizado, criando barra de rolagens, sem precisar diminuir de acordo com o tamanho da tela.

Creio que nesse caso você precisaria de alguns '@media' pra definir como ele ficaria no mobile. Se você não sabe o que isso significa, aconselho a dar uma lida nos sites abaixo:

• Tableless
• Mozilla Developers
• Maujor

Entendendo isso, em seu CSS, você pode definir a disposição dos itens que possui.
Vamos a um exemplo bem básico:

@media (min-width: 450px){
   .tutorial{
      display: none;
   }
}

O que definimos aqui foi que a classe tutorial, quando o dispositivo tiver 450 pixels de largura, ela receberá um estilo display: none;

Agora entendendo isso, coloque em prática nas div's do seu site.

 

[programador_09 1]

resolvi definindo um tamanho minimo para a página, obrigado.

 

min-width:800px;

min-height:600px;