Tema: Problemas con DIV
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/07/2010, 14:54
ALEJO1990
 
Fecha de Ingreso: julio-2010
Mensajes: 6
Antigüedad: 14 años, 4 meses
Puntos: 0
Problemas con DIV
Hola soy nuevo en el foro :). Ante todo dar las gracias por darme la oportunidad de registrarme ^^.

Veamos, tengo un problema, me estoy haciendo una web para uso personal vale?
pero en los div que hay dentro de div="contenedor" no se colocan como yo deseo :(

este es el codigo 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>Prisma Digital</title>
<link rel="STYLESHEET" type="text/css" href="digital2.css">
</head>

<body text-align="center">
<div id="cabecera">
<a href="http://www.prismadigitalalicante.es/"><img border="0" alt="Prisma digital" src="imagenes/applemelted.jpg"></a>
</div>
<div id="contenedor">
<div id="izquierda">
<img border="0" alt="Prisma digital" src="imagenes/logoprisma.jpg">
<span class="menu1">
<ul>
<li><a href="indexprisma.htm" title="Inicio">Inicio</a></li>
<li><a href="localizacion.htm" title="Localizacion">Localizacion</a></li>
<li><a href="ofrecemos.htm" title="¿Que ofrecemos?">¿Que ofrecemos?</a></li>
<li><a href="nuestrostrabajos.htm" title="Nuestros trabajos">Nuestros trabajos</a></li>
</ul><br>
</span>
<span class="menu2">
<ul>
<h1 align="left" class="tituloder">Contactanos</h1>
<li><b>966 359 134</b></li>
<li><a href="mailto:[email protected]">E nvianos un email</a></li>
<li> <a title="Enlace a canal de Prisma Digital en Facebook"
href="http://www.facebook.com/pages/Alicante-Spain/Prisma-Digital/135603016450832?ref=ts&amp;__a=7&amp;ajaxpipe=1" target="_blank">
<img none" alt=" " src="imagenes/ico_facebook.gif"></a>
<a title="Enlace a canal de Prisma Digital en Facebook"
href="http://www.facebook.com/pages/Alicante-Spain/Prisma-Digital/135603016450832?ref=ts&amp;__a=7&amp;ajaxpipe=1" target="_blank">Facebook</a><br>&nbsp;
</ul>
</span>
</div>
<div id="centro">
<img border="0" alt="Prisma digital" src="imagenes/photograpy.jpg">
</div>
<div id="derecha">
<img border="0" alt="Prisma digital" src="imagenes/photograpy.jpg">

</div>
</div>
</body>
</html>

Este es el codigo CSS
Cita:
body{
text-align:center;
}

#contenedor{
text-align:left;
width:760px;
height:900px;
margin: 0 auto;
}

#cabecera{
width:760px;
margin: 0 auto;
}

#izquierda{
float:left;
width:171px;
height:800px;
margin-right:300px;
}

#centro{
width:290px;
height:800px;
margin-left:175px;
}

#derecha{
width:290px;
height:800px;
float:right;
margin-left:200px;
}

.menu1 a {
text-decoration:none;
color:#003366;
font-family:Verdana, Geneva, sans-serif;
font-size:x-small;
}

.menu1 a:hover {
background-color:#E4ECEF;
border-bottom:2px solid #FFCC33;
color:#003366;
}

h1.tituloder {
color: #F06;
font-size:medium;
}

.menu2 a {
text-decoration:none;
color:#003366;
font-family:Verdana, Geneva, sans-serif;
font-size:x-small;
}

.menu2 a:hover {
background-color:#E4ECEF;
border-bottom:2px solid #FFCC33;
color:#003366;
}
Asi es como se me queda:


http://img199.imageshack.us/img199/7996/diosqueliada.png


PD: la cosa es que, las dos imagenes que se descolocan, se queden una en el centro y otra a la derecha... help meeeee


muchas gracias amigos!!!