Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 22-mar-2007, 14:33   #1 (permalink)
El Menda está en el buen camino
 
Avatar de El Menda
 
Fecha de Ingreso: noviembre-2002
Ubicación: Jaén & $pwd
Mensajes: 511
Enviar un mensaje por Yahoo  a El Menda
Imagen sobrepasa capa

Hola a todos. Antes de nada dejo la foto con el problema:


Bueno pues eso, tengo lo siguiente de forma resumida (me he inventado la sintaxis, lo sé):
Código HTML:
<div contenedor>
   ......
   ......
   <div cuerpo>
      <div lateral>
      </div lateral>
      <div principal>
         <img="laimagendeabajodeltodo.png" />
      </div principal>
   </div>
   ......
   ......
</div contenedor>
Entonces, ¿cómo hago para que no sobrepase la imagen el div principal (que es el que es de color blanco?
El CSS creo que no es necesario incluirlo, por eso no lo he hecho.

GRASIAS DE HANTEBRAZO HOYGAN! (colaborando para una escritura mejor, jeje).
__________________
"No hay mujer fea sino copa de menos"
El Menda está desconectado   Responder Citando
Antiguo 22-mar-2007, 16:41   #2 (permalink)
DragonX llegará a ser famoso muy prontoDragonX llegará a ser famoso muy prontoDragonX llegará a ser famoso muy prontoDragonX llegará a ser famoso muy pronto
 
Avatar de DragonX
 
Fecha de Ingreso: noviembre-2002
Ubicación: Funkyland
Mensajes: 6.945
Re: Imagen sobrepasa capa

podrías colocar todo tu código CSS?
__________________
Diseño web y maquetación

ya no tengo más blog...pero tengo muestrario
DragonX está desconectado   Responder Citando
Antiguo 22-mar-2007, 17:29   #3 (permalink)
El Menda está en el buen camino
 
Avatar de El Menda
 
Fecha de Ingreso: noviembre-2002
Ubicación: Jaén & $pwd
Mensajes: 511
Enviar un mensaje por Yahoo  a El Menda
Re: Imagen sobrepasa capa

Cita:
Iniciado por DragonX Ver Mensaje
podrías colocar todo tu código CSS?
Ahí voy:

Código:
#contenedor {
   text-align: left;
	width: 840px;
   margin: auto;
	float: none;
}

#cuerpo {
   margin: 0px 0px 0px 0px;
	background-color: #000;
}

#lateral {
	width: 230px;
	background-color: #C00000;
	color: #fff;
	font-weight: bold;
	float: right;
	padding: 10px;
}

#principal {
  	background-color: #fff;
  	padding: 4px 4px 4px 4px;
  	min-height: 180px;
  	height:auto !important; /* Hack IE */
  	height: 180px;
}

#principal img {
	border: 0px;
	float: left;
	padding-right: 15px
}
__________________
"No hay mujer fea sino copa de menos"
El Menda está desconectado   Responder Citando
Antiguo 23-mar-2007, 05:55   #4 (permalink)
floren ha deshabilitado el karma
 
Avatar de floren
 
Fecha de Ingreso: febrero-2005
Ubicación: Málaga
Mensajes: 134
Re: Imagen sobrepasa capa

Prueba con

Código:
#principal {
  	background-color: #fff;
  	padding: 4px 4px 14px 4px;
  	min-height: 180px;
  	height:auto !important; /* Hack IE */
  	height: 180px;
}
Pero si pones un height: 180px; a piñón... no sé.
floren está desconectado   Responder Citando
Antiguo 23-mar-2007, 07:11   #5 (permalink)
El Menda está en el buen camino
 
Avatar de El Menda
 
Fecha de Ingreso: noviembre-2002
Ubicación: Jaén & $pwd
Mensajes: 511
Enviar un mensaje por Yahoo  a El Menda
Re: Imagen sobrepasa capa

Cita:
Iniciado por floren Ver Mensaje
Prueba con

Código:
#principal {
  	background-color: #fff;
  	padding: 4px 4px 14px 4px;
  	min-height: 180px;
  	height:auto !important; /* Hack IE */
  	height: 180px;
}
Pero si pones un height: 180px; a piñón... no sé.
Huy casi! He puesto donde tú me has señalado 200 y sí me lo hace correctamente, pero si quito la imagen y dejo ese poco texto me sale un espacio blanco grandísimo. ¿Qué puedo hacer que no sea poner muchos <br />?
Gracias!
__________________
"No hay mujer fea sino copa de menos"
El Menda está desconectado   Responder Citando
Antiguo 23-mar-2007, 07:27   #6 (permalink)
floren ha deshabilitado el karma
 
Avatar de floren
 
Fecha de Ingreso: febrero-2005
Ubicación: Málaga
Mensajes: 134
Re: Imagen sobrepasa capa

Probaste a quitar height: 180px;? Qué sentido tiene esa altura?
floren está desconectado   Responder Citando
Antiguo 23-mar-2007, 14:19   #7 (permalink)
El Menda está en el buen camino
 
Avatar de El Menda
 
Fecha de Ingreso: noviembre-2002
Ubicación: Jaén & $pwd
Mensajes: 511
Enviar un mensaje por Yahoo  a El Menda
Re: Imagen sobrepasa capa

Cita:
Iniciado por floren Ver Mensaje
Probaste a quitar height: 180px;? Qué sentido tiene esa altura?
No lo he probado quitar porque en teoría es un hack para que se vea bien en el Internet Explorer. Mañana probaré hacerme lo que me dices.

GRASIAS DE HANTEBRASO
__________________
"No hay mujer fea sino copa de menos"
El Menda está desconectado   Responder Citando
Antiguo 24-mar-2007, 12:05   #8 (permalink)
El Menda está en el buen camino
 
Avatar de El Menda
 
Fecha de Ingreso: noviembre-2002
Ubicación: Jaén & $pwd
Mensajes: 511
Enviar un mensaje por Yahoo  a El Menda
Re: Imagen sobrepasa capa

Ya lo he arreglado. Más que del CSS era un problema de diseño. Lo he arreglado creando capas distintas.

Saludos.
__________________
"No hay mujer fea sino copa de menos"
El Menda está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 21:12.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93