Olá pessoal.
Estou aqui tentando aprender CSS do inicio.
Tenho a pagina abaixo, e pelo que já li, a div com id menu2 deveria flutuar à direita.
Porque não esta acontecendo isso?
Código (CSS):
Estou aqui tentando aprender CSS do inicio.
Tenho a pagina abaixo, e pelo que já li, a div com id menu2 deveria flutuar à direita.
Porque não esta acontecendo isso?
Código (CSS):
<html>
<head>
<style>
body
{
margin:0 auto;
pading:0 auto;
background: #ddd;
color: green;
}
#tudo
{
margin:0em auto;
width: 1000px;
}
#topo
{
width: 1000px;
}
#menu1
{
width: 1000px;
}
#corpo
{
width: 300px;
float: left;
}
#menu2
{
width: 300px;
float: rigth;
}
#base
{
clear:both;
width: 1000px;
}
</style>
</head>
<body>
<div id="tudo" class="tudo">
<div id="topo" class="topo">Topo
</div>
<div id="menu1" class="menu1">Menu 1
</div>
<div id="corpo" class="corpo">Corpo
</div>
<div id="menu2" class="menu2">Menu 2
</div>
<div id="base" class="base">Base
</div>
</div>
</body>
</html>
<head>
<style>
body
{
margin:0 auto;
pading:0 auto;
background: #ddd;
color: green;
}
#tudo
{
margin:0em auto;
width: 1000px;
}
#topo
{
width: 1000px;
}
#menu1
{
width: 1000px;
}
#corpo
{
width: 300px;
float: left;
}
#menu2
{
width: 300px;
float: rigth;
}
#base
{
clear:both;
width: 1000px;
}
</style>
</head>
<body>
<div id="tudo" class="tudo">
<div id="topo" class="topo">Topo
</div>
<div id="menu1" class="menu1">Menu 1
</div>
<div id="corpo" class="corpo">Corpo
</div>
<div id="menu2" class="menu2">Menu 2
</div>
<div id="base" class="base">Base
</div>
</div>
</body>
</html>