Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom pessoal tenho uma imagem onde o conteudo vai ficar dentro dela.
Essa imagem fica no centro, bom quando eu redimenciono o navegador, essa imagem sai da tela, como ela se ela continuace
a ir a esquerda.
<?php
require_once $_SERVER['DOCUMENT_ROOT'] . "/config-db/config-db.php";
?><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="/css/index2.css" />
</head>
<body>
<div id="fundo">
</div>
</body>
</html>CSS
body {
background-image: url('image/fundo3.png');
}
#fundo {
background-image: url("image/arcoires2.png");
position: absolute;
height: 768px;
left: 58%;
margin: -302px 2% 1% -596px;
top: 50%;
width: 1024px;
background-repeat: no-repeat;
}Agradeço a qualquer ajuda que vier
Bom, eu ja usei todos os tipos de POSITION, e FLOAT.
mas nada deu certo.
Saberias me dizer o que poderia resolver o meu problema ???
É muito difícil te ajudar sem saber qual resultado final você precisa.
>
Bom, eu ja usei todos os tipos de POSITION, e FLOAT.
mas nada deu certo.
Saberias me dizer o que poderia resolver o meu problema ???
Esse é um erro bem comum...não se trata de tentativa e erro, mas sim de entender como funciona a propriedade e quando ela deve ser usada.
>
É muito difícil te ajudar sem saber qual resultado final você precisa.
Esse é um erro bem comum...não se trata de tentativa e erro, mas sim de entender como funciona a propriedade e quando ela deve ser usada.
http://www.w3schools.com/css/css_positioning.asp
Sim sim, eu entendo.
se entrares www.rafael-moran.com
e tentares diminuir o tamanho da janela do navegador, perceberas que conteudo continua indo a esquerda, o certo seria que ele parace de ir a esquerda quando chegasse no limitedo navegador.
O que estou tendando fazer é deixar o conteudo no centro da tela em qualquer resolução e caso a pessoa que possua uma resolução maior que 1024 tente redimencionar a janela do navegador o conteudo "deslize" para a esquerda para
se adaptar ao tamanho, mas caso a pessoa redimencione muito a esquerda
o conteudo pare de ir para esquerda e fique fixo no limite do navegador.
o navegador seja redimencionado
Remove o position absolute e coloca margin 0 auto na div "img-fundo". você vai ter que reestrutrar seu layout usando float, e não position absolute.
Bom retirei o Position, e colquei a margin: 0 auto, como foi indicado.
Aparentemente ta funcionando, caso eu tenha alguma outra divia, volto a encomoda.
Valeu pela ajuda de vocês..
Abração.
não use o position: absolute dessa forma.
provavelmente você tem como resolver isso com background.