Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
Estou começando a utilizar css nos meus layouts, e não estou conseguindo colocar a div do menu ao lado da div do conteúdo do site. Poderiam, por favor, olhar e me ajudar?
SITE
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Meu Bebê</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="skincss.css" rel="stylesheet" type="text/css" />
<style type="text/css">-->
</style></head>
<body>
<div id="corpo">
<div id="corpo_dentro">
<div id="menu">
<ul>
<li><a href="dados.htm" target="imeio"><img src="dados01.png" width="169" height="47" border="0" /></a></li>
<li><a href="nascimento.htm" target="imeio"><img src="botao_nascimento.gif" width="172" height="53" border="0" /></a></li>
<li><a href="acontecimentos.htm" target="imeio"><img src="botao_acontecimentos.gif" width="172" height="53" border="0" /></a></li>
<li><a href="vacinas.htm" target="imeio"><img src="botao_vacinas.gif" width="172" height="53" border="0" /></a></li>
<li><a href="diario.htm" target="imeio"><img src="botao_diario.gif" width="172" height="53" border="0" /></a></li>
<li><a href="albuns.htm" target="imeio"><img src="botao_albuns.gif" width="172" height="53" border="0" /></a></li>
<li><a href="arvore.htm" target="imeio"><img src="botao_arvore.gif" width="172" height="53" border="0" /></a></li>
<li><a href="favoritos.htm" target="imeio"><img src="botao_favoritos.gif" width="172" height="53" border="0" /></a></li>
</ul>
</div>
<div id="meio">
<div id="submenu">Sub-Menu
</div>
<div id="conteudo">
<iframe name="imeio" width="100%" src="index.htm" scrolling="no" frameborder="0" allowtransparency="yes" id="iprodutos"></iframe>
</div>
</div>
</div>
</div>
</body>
</html>CSS
body {
margin-top: 0px;
margin-left: 0px;
background: #FFFFFF url(bebe_skin01.jpg) no-repeat;
}
#corpo {
width: 100%;
height: 100%;
margin-top:5%;
}
#corpo_dentro {
background:url(center01.gif);
width:780px;
height:540px;
margin:auto;
horizontal-align: center;
vertical-align:middle;
}
#menu {
margin-top:50px;
float:left;
width: 170px;
}#menu ul {
margin: 0; / retira o recuo para alguns browsers /
padding:0; / retira o recuo para outros browsers /
list-style-type:none; / retira o marcador de listas/
}
#meio {
width:500px;
float:left;
margin-top:50px;
margin-left:175px;
}
#submenu {
width:500px;
}
#conteudo {
width:500px;
}O site está aqui
Obrigada
Carregando comentários...