Foros del Web » Creando para Internet » CSS »

Problemas con DIV

Estas en el tema de Problemas con DIV en el foro de CSS en Foros del Web. Hola soy nuevo en el foro :). Ante todo dar las gracias por darme la oportunidad de registrarme ^^. Veamos, tengo un problema, me estoy ...
  #1 (permalink)  
Antiguo 28/07/2010, 15:54
 
Fecha de Ingreso: julio-2010
Mensajes: 6
Antigüedad: 7 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!!!
  #2 (permalink)  
Antiguo 28/07/2010, 17:51
 
Fecha de Ingreso: noviembre-2009
Ubicación: Monterrey
Mensajes: 37
Antigüedad: 8 años
Puntos: 0
Respuesta: Problemas con DIV

checa


#izquierda{
float:left;
width:171px;
height:800px;
margin-right:300px; //Quitar margin-right
}
  #3 (permalink)  
Antiguo 28/07/2010, 18:00
 
Fecha de Ingreso: julio-2010
Mensajes: 6
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Problemas con DIV

Cita:
Iniciado por zeandesign Ver Mensaje
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 !!!
  #4 (permalink)  
Antiguo 29/07/2010, 03:55
 
Fecha de Ingreso: diciembre-2008
Ubicación: Cordoba
Mensajes: 127
Antigüedad: 9 años
Puntos: 17
Respuesta: Problemas con DIV

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.
  #5 (permalink)  
Antiguo 29/07/2010, 04:59
Avatar de emal011  
Fecha de Ingreso: julio-2004
Ubicación: Munich
Mensajes: 211
Antigüedad: 13 años, 5 meses
Puntos: 2
Respuesta: Problemas con DIV

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...
__________________
El graduado en Ciencias pregunta "¿Por qué funciona?"
El graduado en Ingenieria pregunta "¿Cómo funciona?"
El graduado en Artes Liberales pregunta "¿Quiere papas fritas con eso?"
  #6 (permalink)  
Antiguo 29/07/2010, 12:56
 
Fecha de Ingreso: noviembre-2009
Ubicación: Monterrey
Mensajes: 37
Antigüedad: 8 años
Puntos: 0
Respuesta: Problemas con DIV

Solo falta acomodar el width de tu capa derecha ya que su contenedor llego a su limite de anchura.
  #7 (permalink)  
Antiguo 30/07/2010, 08:46
 
Fecha de Ingreso: julio-2010
Mensajes: 6
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Problemas con DIV

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
  #8 (permalink)  
Antiguo 30/07/2010, 08:56
 
Fecha de Ingreso: enero-2009
Mensajes: 9
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Problemas con DIV

Alejo insistimos que debes subirlo a un hosting para poderte ayudar de mejor manera....
  #9 (permalink)  
Antiguo 30/07/2010, 12:43
 
Fecha de Ingreso: julio-2010
Mensajes: 6
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Problemas con DIV

oooookei allá voy

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:56.