Buenas Tardes a todos!
Estaba necesitando un poco de ayuda, he estado probando miles y miles de soluciones para esto y no lo logro. Resulta que lo único que quiero hacer y me parece bastante sencillo es crear una div con dos div dentro la que flota a la izquiera es una foto y la otra un rectangulo, quiero que esten pegadas que no tengan un margen al medio y que ocupen toda la pantalla. El tema es que hacer eso, es casi imposible dentro de mi poco conocimiento. Mando el código.
Html:
<body id="naranja">
<div id="sidebar" class="sinbarra">
<ul>
<li>Arquitecto Pepe Peña</li>
<li><a class="pink" href="index.html"> INICIO </a></li>
<li><a class="pink" href="bio.html"> BIO </a></li>
<li><a class="pink"href="galeria1.html"> PROYECTOS </a></li>
<li><a class="pink"href="contacto.html"> CONTACTO </a></li>
</ul>
</div>
<div id="contenedor">
<div id="fotodepepe"></div>
<div id="rectangulo"></div>
</div>
<div id="clear"></div>
</body>
CSS:
#naranja {
margin: 0px auto;
width: 100%;
overflow: hidden;
}
#sidebar.sinbarra {
width:100%;
height: 50px;
position: relative;
top: -7px;
}
ul {font-family:"Bebas Neue Book";
font-size:36px;
margin-left: 600px;
}
ul li {list-style-type:none;
float:left;
margin:10px;
margin-top: 5px;
}
a.pink {text-decoration:none;
margin-right: 2px;
color: #FF9933;
}
(DIV QUE QUIERO MODIFICAR)#contenedor {
width: 100%;
}
#fotodepepe {background-image: url(otras%20imag/2.jpg);
width: 900px;
height: 600px;
float: left;
}
#rectangulo {background: #7A7A7A;
width: 449px;
height: 600px;
float: right;
}
#clear {clear: both;}
Espero su ayuda, gracias!