que estoy haciendo mal? no veo el cuadro que he creado magenta de 300 px por 300 px. Lo he flotado a la izquierda tambien pero no lo veo. Que hago mal?
Código 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" />
<title>prueba patri</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #f6f6f6;
}
-->
</style>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor">
<div id="columna-logo"></div>
<div id="texto-versioningles">bla bla bla bla bla bla</div>
</div>
<hr />
<div id="contenedor2">
<div id="columnablanca2"></div>
<div id="contenido fotos">lkjllkjlkjlkjlkjlkjl</div>
</div>
</body>
</html> css:
Código:
* {
margin: 0px;
padding: 0px;
}
#contenedor {
width: 944px;
}
#contenedor2 {
}
#contenedor #columna-logo {
background-color: #FFF;
background-image: url(../links/logo.png);
background-repeat: no-repeat;
background-position: bottom;
display: inline;
float: left;
height: 300px;
width: 236px;
margin-left: 41px;
border-right-width: thin;
border-left-width: thin;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CCC;
border-left-color: #CCC;
}
#contenedor2 #contenido fotos {
float: left;
height: 300px;
width: 300px;
margin-top: 17px;
margin-left: 17px;
background-color: #909;
}
#contenedor #texto-versioningles {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
vertical-align: text-bottom;
display: inline;
width: 500px;
margin-left: 17px;
float: left;
height: 20px;
margin-top: 275px;
}
hr {
background-color: #CCC;
height: 1px;
width: 100%;
margin: 0px;
padding: 0px;
clear: both;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
#contenedor2 #columnablanca2 {
background-color: #FFF;
display: inline;
float: left;
height: 600px;
width: 236px;
margin-left: 41px;
border-right-width: thin;
border-left-width: thin;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CCC;
border-left-color: #CCC;
}