Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Seguinte, eu tenho 2(3,4,5..) blocos, e queria por um dentor do outro (centralizado) ambos
no firefox, funcionou certinho, porem no internet explorer deu "mopa", alguem pode me ajudar?
ta a foto nos 2 navegadores:
FF (CERTO)
/applications/core/interface/imageproxy/imageproxy.php?img=http://img182.imageshack.us/img182/3089/fftt8.jpg&key=2dcac2e6ab2043ad72efc68041f450a86dbbacbdf3988bfe5c9ce732564e3031" alt="Imagem Postada" />
IE (ERRADO)
/applications/core/interface/imageproxy/imageproxy.php?img=http://img182.imageshack.us/img182/333/iely0.jpg&key=b8ae7c1c176c17be7a19fbdb9c8b335d2357f7e3c61c5e048c87b65e9a690f51" alt="Imagem Postada" />
na verdade não sei se o errado é o IE ou sou eu, estou começando a bulinar agora no CCS
segue o código fonte
ps* ja tentei por um display: inline, porem ai quebra outras "boxes"
<html>
<head>
<title>Carolina Nimo Administração</title>
<style type="text/css">* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
font-style: normal;
vertical-align: top;
}html {
overflow: -moz-scrollbars-vertical;
}body{
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #AFB6BA url(../img/bg.jpg) fixed;
margin: 0;
padding: 0;
color: #000000;
height:100%;
}/*****************Z4*/
/*** layout ****/
#geral {
float: left;
width: 780px;
margin-left: -390px;
position: relative;
left: 50%;
height: auto;
}
#topo {
width: 780px;
margin-top: 20px;
height: 120px;
background: url(../img/topo.jpg) no-repeat;
}
#menu {
text-align: center;
width: 780px;
padding-bottom: 5px;
margin-bottom: 5px;
font: 11px, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
} height: 1px;
padding: 5px 20px 5px 20px;
margin: 1px;
background: #570057;
color: #ffffff;
text-decoration: none;
}#menu #portfolio {
background: #FFF;
color: #022E40;
} background: #840084;
color: white;
}
#conteudogeral {
float: left;
background: #f9f9f9;
border: 1px solid rgb(0,0,0);
width: 780px;
} float: left;
width: 780px;
padding-top: 20px;
padding-bottom: 20px;
}#conteudogeral #conteudo #main{
float: none;
text-align: center;
width: 600px;
margin-left: auto;
margin-right: auto;
}
#rodape {
float: left;
margin-top: 10px;
text-align: right;
color: white;
font: 9px, Tahoma, Verdana;
width: 780;
background: #58005b;
}#form1 input {
width: 250px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: white;
padding-left: 3px;
border: 1px solid #075070;
}#form1 textarea {
width: 250px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: white;
right:auto;
padding-left: 3px;
border: 1px solid #075070;
}
#form1 select {
width: 150px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: white;
border: 1px solid #075070;
}#form1 .buttom {
margin-top: 10px;
width: 100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFF;
background-color: #710072;
border: 1px solid #044D6D;
padding: 2;
}/*****************Z4*/
/*** textos ****/
h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: none;
text-align:left;
line-height: 26px;
font-style: normal;
font-size: 20px;
color: #6f0100;
letter-spacing: normal;
text-indent: 0px;
}h2 {
margin-left: 10px;
text-align: left;
font-size: 14px;
font-weight: bold;
}h2 a{
border 1px, solid;
padding: 4px;
color: #570057;
background: #EFE0EF;
}h2 a:hover{
text-decoration:underline;
}h3 {
font-size: 14px;
font-weight: bold;
}h3 a{
letter-spacing: 2px;
width: 100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFF;
background-color: #710072;
border: 1px solid #044D6D;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 30px;
padding-right: 30px;
}h3 a:hover{
background: #FFF;
color: #044D6D;
}h5 {
text-align: left;
font-size: 11px;
color: #075070;
display: inline;
}
.i_buttom {
width: 100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFF;
background-color: #710072;
border: 1px solid #044D6D;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 30px;
padding-right: 30px;
}table.adm {
text-align: center;
font: 12px, Verdana, Arial, Helvetica, sans-serif;
width: 580px;
border-collapse: separate;
}table.adm th {
padding: 1px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
border: 1px solid black;
background: #DFDFDF;
}table.adm .index {
padding: 2px;
vertical-align: middle;
text-align: center;
border: 0px solid black;
background: #EFEFEF;
}table.adm .e {
padding: 3px;
vertical-align: middle;
width: 200px;
text-align: right;
border: 0px solid black;
background: #EFE0EF;
}table.adm .d {
padding: 3px;
vertical-align: middle;
width: 380px;
text-align: left;
border: 0px solid black;
background: #ebebeb;
}
</style>
</head>
<div id="geral">
<div id="topo"> </div>
<div id="menu">
<a href="../profile/" id="profile"> Profile</a>
<a href="../portfolio/" id="portfolio"> Portfolio</a>
<a href="../ifashion/" id="ifashion"> iFashion</a>
<a href="../personalshopping/" id="personalshopping">Personal Shopping</a>
<a href="../newsletter/" id="newsletter"> Newsletter</a>
<a href="../logoff.php" id="logoff"> Sair</a>
</div>
<div id="conteudogeral">
<div id="conteudo">
<span class="box1"> </span><span class="box2">Portfolio</span>
<div id="main">
<br><h1>Listagem de Fotos</h1><br>
<h2><a href="editar.php">Inserir Foto</a></h2><br>
<h3><a href="index.php?ct=fashion">FASHION</a> <a href="index.php?ct=celebrities">CELEBRITIES</a> <a href="index.php?ct=still life">STILL LIFE</a></h3><br>
<div align="center">
<table class="adm" cellspacing="5">
<tr>
<th>IMAGEM</th>
<th>CATEGORIA</th>
<th>ADMIN</th>
</tr>
<tr>
<td class="index"><img src="../../fotos_portfolio/imagem_1201408258_thumb.jpg" border="0"></td>
<td class="index">Fashion</td>
<td class="index">
<a href="editar.php?id=1&tipo=edit"><span class="i_buttom">Editar</span></a>
<a href="editar.php?id=1&tipo=apagar"><span class="i_buttom">Apagar</span></a>
</td>
</tr>
<tr>
<td class="index"><img src="../../fotos_portfolio/imagem_1201408319_thumb.jpg" border="0"></td>
<td class="index">Fashion</td>
<td class="index">
<a href="editar.php?id=4&tipo=edit"><span class="i_buttom">Editar</span></a>
<a href="editar.php?id=4&tipo=apagar"><span class="i_buttom">Apagar</span></a>
</td>
</tr>
<tr>
<td class="index"><img src="../../fotos_portfolio/imagem_1201408327_thumb.jpg" border="0"></td>
<td class="index">Fashion</td>
<td class="index">
<a href="editar.php?id=5&tipo=edit"><span class="i_buttom">Editar</span></a>
<a href="editar.php?id=5&tipo=apagar"><span class="i_buttom">Apagar</span></a>
</td>
</tr>
<tr>
<td class="index"><img src="../../fotos_portfolio/imagem_1201408335_thumb.jpg" border="0"></td>
<td class="index">Fashion</td>
<td class="index">
<a href="editar.php?id=6&tipo=edit"><span class="i_buttom">Editar</span></a>
<a href="editar.php?id=6&tipo=apagar"><span class="i_buttom">Apagar</span></a>
</td>
</tr>
<tr>
<td class="index"><img src="../../fotos_portfolio/imagem_1201408347_thumb.jpg" border="0"></td>
<td class="index">Fashion</td>
<td class="index">
<a href="editar.php?id=7&tipo=edit"><span class="i_buttom">Editar</span></a>
<a href="editar.php?id=7&tipo=apagar"><span class="i_buttom">Apagar</span></a>
</td>
</tr>
<tr>
<td class="index"><img src="../../fotos_portfolio/imagem_1201408354_thumb.jpg" border="0"></td>
<td class="index">Fashion</td>
<td class="index">
<a href="editar.php?id=8&tipo=edit"><span class="i_buttom">Editar</span></a>
<a href="editar.php?id=8&tipo=apagar"><span class="i_buttom">Apagar</span></a>
</td>
</tr>
<tr>
<td class="index"><img src="../../fotos_portfolio/imagem_1201409610_thumb.jpg" border="0"></td>
<td class="index">Fashion</td>
<td class="index">
<a href="editar.php?id=16&tipo=edit"><span class="i_buttom">Editar</span></a>
<a href="editar.php?id=16&tipo=apagar"><span class="i_buttom">Apagar</span></a>
</td>
</tr>
</table>
</div>
</form>
</li>
</ul>
</div>
</div>
</div>
<div id="rodape">
copyright 2008
</div>
</div>
</html>obrigado a todos
Carregando comentários...