no firefox, funcionou certinho, porem no internet explorer deu "mopa", alguem pode me ajudar?
ta a foto nos 2 navegadores:
FF (CERTO)
IE (ERRADO)
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">/*******************************Z4*//***** configuracoes gerais ******/* { 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;}#menu a { height: 1px; padding: 5px 20px 5px 20px; margin: 1px; background: #570057; color: #ffffff; text-decoration: none;}#menu #portfolio { background: #FFF; color: #022E40;}#menu a:hover { background: #840084; color: white;}#conteudogeral { float: left; background: #f9f9f9; border: 1px solid rgb(0,0,0); width: 780px;}#conteudogeral #conteudo { float: left; width: 780px; padding-top: 20px; padding-bottom: 20px;}#conteudogeral .box1 { padding: 5px 15px 5px 15px; background: #800084; color: white; font-size: 16px; font-family: Tahoma;}#conteudogeral .box2 { padding: 5px 15px 5px 15px; background: #570057; color: white; font-size: 16px; font-family: Tahoma; font-weight: bold; }#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
Edição feita por: SlyX, 28/01/2008, 19:46.
