Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Aew galera,
Eu fiz um layout todo e ai ele nao tava encaixando por nada.. Fiz oq o silverfox me disse uma vez. REFAÇA do zero.
foi oque fiz. E ai coloquei nas div's border de 1px pra eu ver oq tava renderizando.
Num é que o problema tá no inicinho?! Só que não consigo ver oque é o erro. Saca só.
Contextualizando:
Fiz uma div com width fixo em 755px para ser a 'World'. (a div geral)
Dentro, coloquei outra div, que seria o 'header', com width 755px e height 214px.
O header tá no tamanho certo (tem uma imagem dentro com esse mesmo tamanho, 755x214).
Mas a 'World' tá criando um espaço extra num sei daonde !?!?
o body tem as seguintes configurações de css:
background:url(./images/bg.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#012a60;
text-align:center;
margin:0;
padding:0;width:775px;
margin:0 auto; / Auto pra centralizar no browser/
padding:0;
border:1px solid #FF0000;margin:0;
padding:0;
width:755px;
height:214px;
border:1px solid #00FF00;NAO SEI PQ, tanto o FF quanto o IE tão inventando de fazer o 'World' com mais de 770px (+/-)... Pra piorar, além de criar espaço pro lado, o IE cria um filete de espaço pra BAIXO o.O
Screenshot pra você verem que nao tô mentindo..
/applications/core/interface/imageproxy/imageproxy.php?img=http://raphaelddl.com/iup/images/224262bug.JPG&key=704672af47b4fd90ea1b8dfab7c4b6541792de264baec835f12a0397a662fe92" alt="Imagem Postada" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://raphaelddl.com/iup/images/911151bug2.JPG&key=3693fecb557a0800364d0776ff0ecd9022237e5c2263527376ff4e13d6dcd2c8" alt="Imagem Postada" />
(no IE tá sem o hack pra png ainda)
Código todo:
<html>
<head>
<title>Frank 'n' Beans</title>
</head>
<body style="background:url(./images/bg.jpg);background-position:center top;background-repeat:no-repeat;background-color:#012a60;text-align:center;margin:0;padding:0;">
<div id="World" style="width:775px;margin:0 auto;padding:0;border:1px solid #FF0000;">
<div id="header" style="margin:0;padding:0;width:755px;height:214px;border:1px solid #00FF00;">
<img src="images/header.png" style="margin:0;padding:0;border:0;" alt="" />
</div>
</div>
</body>
</html>Oq raios pode estar ocorrendo se eu coloquei margin e paddin zero pra tudo ?!
Agradeço a todos por qualquer toque
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Carregando comentários...