Buenas, pués resulta que estoy haciendo una web, y tengo un menú de 255px a la izquierda, y y quiero que al lado esté el contenido a 100% de anchura a la misma altura (float right y left respectivamente), pero resulta que si lo pongo al 100% en vez de quedar flotando se queda debajo, como si no añadiera la propiedad float, os dejo el código a ver si me podeis echar una mano:
CSS: Cita: body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow: hidden;
}
#global {
width: 100%;
overflow: hidden;
}
#logo_bg {
background-image: url(images/bg_logo.png);
height: 372px;
width: 100%;
}
#logo {
background-image: url(images/logo.png);
background-repeat: no-repeat;
background-position: center center;
height: 372px;
width: 100%;
}
#menu_bar {
background-image: url(images/bar.png);
height: 38px;
width: 100%;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #666;
border-bottom-color: #666;
}
#bar_text {
height: 38px;
width: 100%;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFF;
border-bottom-color: #FFF;
}
#content_all {
width: 100%;
overflow: hidden;
}
#news_right {
float: right;
width: 100%;
}
#menu_left {
float: left;
width: 250px;
}
HTML: Cita: <!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" />
<title>Web</title>
</head>
<body>
<div id="global">
<div id="logo_bg">
<div id="logo"></div>
</div>
<div id="menu_bar">
<div id="bar_text"></div>
</div>
<div id="content_all">
<div id="menu_left">Colocar aquí el contenido para id "menu_left"</div>
<div id="news_right">Colocar aquí el contenido para id "news_right"</div>
</div>
</div>
</body>
</html>
Saludos y gracias de antemano!^^