Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite galera,
estou com o probema aqui que está me dando uma dor de cabeça das grandes,
fiz um codigo em css que funciona perfeita em firefox, porém quando abro no internet explorer a div fica desconfigurada (como pode ser ver nas imagens)
Meus Códigos:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http-~~-//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http-~~-//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="reset.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>Index</title>
</head>
<body>
<div id="tudo">
<div id="servicos">
<h2>Serviços</h2>
<div id="serv">
<div id="desen_soft">
<h1>Desenvolvimento de Softwares</h1>
</div>
<div id="img_soft">
<img src="imagens/img.png" width="150" height="150" />
<div id="txt_soft">
<h3> Duis est libero, cursus vel scelerisque sed, commodo at sem. Mauris eros augue, posuere a porta in, fringilla ut magna. Suspendisse scelerisque elit at tortor ornare a lobortis nibh sodales. </h3>
<div id="btn_soft">
<a href="softwares.html"><img src="imagens/leia.png" width="101" height="28" /></a>
</div>
</div>
</div>
<div id="desen_site">
<h1>Desenvolvimento de Sites</h1>
</div>
<div id="img_site">
<img src="imagens/img.png" width="150" height="150" />
<div id="txt_site">
<h3>Nulla aliquam enim ut urna molestie convallis. Cras eget magna eros. Ut bibendum tristique libero ullamcorper sollicitudin. Duis est libero, cursus vel scelerisque sed, commodo at sem.</h3>
<div id="btn_site">
<a href="sites.html"><img src="imagens/leia.png" width="101" height="28" /></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>reset.css
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}outline: 0;
}line-height: 1;
color: black;
background: white;
}list-style: none;
}border-collapse: separate;
border-spacing: 0;
}text-align: left;
font-weight: normal;
}content: "";
}quotes: "" "";
}style.css
@charset "utf-8";
/ CSS Document /
body {
margin:0;
padding:0;
background-image:url(imagens/bg.png);
background-repeat:repeat-x;
background-attachment:fixed;#tudo{
width:960px;
margin:0 auto;
padding: 10px;#servicos{
margin-top:30px;
width:950px;
height:260px;
background-image:url(imagens/fundo_grande.png);
}text-align:center;
padding-top:3px;
font-family:"Myriad Pro";
font-size:30px;
}
#serv{
height:190px;
width:920px;
margin:15px 15px 15px 15px;
}
#desen_soft{
height:42px;
width:461px;
padding-top:5px;
text-align:center;
font-family:"Myriad Pro";
font-size:25px;
color:#547399;
}
#img_soft{
height:150px;
width:430px;
padding-right:15px;
}
#txt_soft{
height:138px;
width:280px;
margin-left:165px;
margin-top:-150px;
padding-top:12px;
}text-align:justify;
font-family:"Myriad Pro";
font-size:18px;
color:#4e4e4e;
}
#btn_soft {
height:28px;
width:101px;
float:right;
padding-top:3px;
}
#desen_site{
height:30px;
width:461px;
margin-top:-192px;
margin-left:461px;
text-align:center;
font-family:"Myriad Pro";
font-size:25px;
color:#547399;
}
#img_site{
height:150px;
width:309px;
margin-left:475px;
margin-top:11px;
}
#txt_site{
height:138px;
width:280px;
margin-left:165px;
margin-top:-150px;
padding-top:12px;
}text-align:justify;
font-family:"Myriad Pro";
font-size:18px;
color:#4e4e4e;
}
#btn_site {
height:28px;
width:101px;
float:right;
margin-top:-29px;
}Alguém tem idéia do que pode estar acontecendo/???
Grato desde já.
Abraços
Carregando comentários...