Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Salve galera
To com alguns problemas no Bendito IE
A Imagem que fica no "cabeçalho" no ie fica cortada no meio e o fundo do menu lateral ultrapassa a Div principal, jah no FireFox, Opera, e outros ficam perfeitos.
Alguem pode me ajudar nesse problema, sou novo na área
Segue cógidos:
html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AFL Poliuretano - Sobre a empresa</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="container"><div id="header">
<div id="slogan"><strong>Poliuretanos Ind. Ltda.</strong></div>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="sobre.html">Sobre a empresa</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</div><div id="main">
<div id="sidebar">
<h3> </h3>
<ul>
<li><strong><a href="prop_pu.html">Propriedades PU</a></strong></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div id="text">
<h1>Sobre a Empresa</h1>
<p><span style="padding-left:15;"><strong>Missão</strong></span></p><p><span style="padding-left:15;">AFL Poliuretano, tem como missão desenvolver, produzir e comercializar produtos de poliuretano com tecnologia adequada e qualidade superior, visando a satisfação de nossos clientes.</span></p>
<p><span style="padding-left:15;"><strong>Visão</strong></span></p><p><span style="padding-left:15;">Ser a melhor empresa no ramo de poliuretano do Brasil,com isso garantindo a qualidades de nosso serviço, com alto nível de satisfação para nossos clientes.</span></p>
<p><span style="padding-left:15;"><strong>Valores</strong></span></p><p><span style="padding-left:15;">
<li>Satisfação de nossos clientes</li>
<li>Honestidade</li>
<li>Garantia de Nossos Produtos</li>
<li>Responsabilidade Social</li>
<li>Empreendorismo</li>
<li>Qualidade</li>
</div>
</div><div id="footer">
<div id="footer_left">© Copyright 2010 AFL Poliuretano Av. Dom José Gaspar, 852 1ºandar Jardim Pilar - Mauá</div>
<div id="footer_right">
Design by <a href="[http://backupfelipe.freetzi.com/"](http://backupfelipe.freetzi.com/) target="_blank">Felipe Albert</a></div>
</div></div>
</body>
</html>Css:
body {padding:50px 100px; margin:0; font-family:Tahoma, Geneva, sans-serif; background-image:url(images/body_bg.png);}
#container {background-color:#FFFFFF; padding:10px;}
#header {height:150px; background-image:url(images/header_bg.png);}
#logo {font-size:30px; background:url(images/header.png) no-repeat; height:100px; padding:50px 0 0 30px;}
#logo a {color:#FFFFFF; text-decoration:none;}
#slogan {float:right; font-size:18px; color:#FFFFFF; padding:60px 30px 0 0;}
#menu {height:40px; background-image:url(images/menu_bg.png); margin-top:5px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style:none; float:left; background:url(images/menu_border.png) right no-repeat;}
#menu a {float:left; height:20px; padding:10px 30px; color:#FFFFFF; font-size:15px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#menu a:hover {background:url(images/menu_border.png);}
#main {float:left; width:100%; margin:5px 0; background:url(images/main_bg.png) right repeat-y; color:#111111; font-size:11px;}
#main a {color:#333333;}
#main a:hover {color:#000000;}
#main br {line-height:8px;}
#sidebar {width:160px; float:right; padding:0 30px 30px 30px; margin-top:10px;}
#sidebar h3 {font-size:17px; font-weight:normal; margin:20px 0 5px 0;}
#sidebar ul {margin:0; padding:0; border-top:1px solid #ECECEC;}
#sidebar li {list-style:none; border-bottom:1px solid #ECECEC;}
#sidebar li a {color:#111111; text-decoration:none; padding:3px; display:block;}
#sidebar li a:hover {background-color:#ECECEC;}
#text {line-height:14px; margin-right:225px; padding:10px 30px 30px 30px;}
#text h1 {font-size:22px; font-weight:normal; margin:20px 0 10px 0;}
#text h2 {font-size:19px; font-weight:normal; margin:20px 0 10px 0;}
#text ol, #text ul {padding:0; margin:8px 0;}
#text li {margin-left:40px;}
#footer {height:40px; color:#FFFFFF; font-size:11px; background-image:url(images/footer_bg.png); clear:both;}
#footer a {color:#FFFFFF;}
#footer a:hover {color:#DFDFDF;}
#footer_left {float:left; padding:13px 0 0 30px;}
#footer_right {float:right; padding:13px 30px 0 0;}
Carregando comentários...