Les cuento que tengo que hacer un header.
El mismo le asigne un div total de 100% luego dos divs internos uno con 60% de un color y 40% de otro.
Luego coloque un container para colocarle adentro los logos y un texto a la derecha.
El problema que tengo es que cuando quiero posicionar el logo y el div derecha no se posicionan dentro si no que afuera.
Les pego el codigo y gracias.
Código HTML:
<html>
<head>
<STYLE type="text/css">
#headercontainer
{
width: 100%;
height: 70px;
margin: 0 auto;
}
#headerlateral{
width: 60%;
height: 70px;
background-color: red;
float:left;
}
#headerderecho{
width: 40%;
height: 70px;
background-color: yellow;
float:right;
}
#headercontenedor{
width: 990px;
height: 70px;
background-color: #fff;
margin: 0 auto;
z-index: 2;
position: relative;
}
#logo{
width: 300px;
height: 70px;
background-color: #000;
float: left;
margin-top: 0px;
position: relative;
}
#derecha{
width: 300px;
height: 70px;
background-color: #000;
float: right;
margin-top: 0px;
position: relative;
}
</style>
</head>
<body>
<div id="headercontainer">
<div id="headerlateral"></div>
<div id="headerderecho"></div>
<div id="headercontenedor">
<div id="logo"></div>
<div id="derecha"></div>
</div>
<div>
</body>
</html>