Problemas con DIV

ALEJO1990 · #1 (**permalink**) 28/07/2010, 14:54

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&__a=7&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&__a=7&ajaxpipe=1" target="_blank">Facebook</a><br> 
</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!!!

zeandesign · #2 (**permalink**) 28/07/2010, 16:51

checa

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

ALEJO1990 · #3 (**permalink**) 28/07/2010, 17:00

Cita:

Iniciado por zeandesign

checa

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

Solo se me coloca bien la imagen del centro, pero la imagen de la derecha sigue por debajo del div :S.... alguna solucion?

muchas gracias !!!

McPinkY18 · #4 (**permalink**) 29/07/2010, 02:55

las imagenes se desbordan por que ese contenedor, tiene un ancho especifico y las imagenes sobrepasan ese ancho definido. Deberias mostrar el problema usando firefox no Dreamweaver ya que los visitantes no usaran dreamweaver para previsualizar tu sitio. Seria mucho mejor que subieras tu web a algun hosting, ya que hay muchos asi te podria ayudar.

emal011 · #5 (**permalink**) 29/07/2010, 03:59

a los 2 div´s ponle "float:left;" asi los divs se ponen una la costado de otro..... aunque parece que usas tablas en vez de divs...

Como dice el camarada McPinky18, es mejor que pongas tu web en un hosting para previsualizarlo mejor...

y mejor seria un poco de orden con css y los div´s...
utiliza un footer, y todo que quede en un div central...

zeandesign · #6 (**permalink**) 29/07/2010, 11:56

Solo falta acomodar el width de tu capa derecha ya que su contenedor llego a su limite de anchura.

ALEJO1990 · #7 (**permalink**) 30/07/2010, 07:46

las imagenes central y derecha son de 263x800...
y se supone que deberia de sobrar sitio, y aun asi se me queda abajo el derecho, como hago?

graciassssss

Saxoboy · #8 (**permalink**) 30/07/2010, 07:56

Alejo insistimos que debes subirlo a un hosting para poderte ayudar de mejor manera....

ALEJO1990 · #9 (**permalink**) 30/07/2010, 11:43

oooookei allá voy