Foros del Web » Creando para Internet » CSS »

Ayuda con plantilla

Estas en el tema de Ayuda con plantilla en el foro de CSS en Foros del Web. Que tal amigos. Estoy teniendo un problema con una plantilla, la arme en dreamweaver. En internet explorer y firefox se ve 10 puntos, pero en ...
  #1 (permalink)  
Antiguo 24/08/2009, 17:45
 
Fecha de Ingreso: diciembre-2007
Mensajes: 178
Antigüedad: 10 años
Puntos: 1
Ayuda con plantilla

Que tal amigos.
Estoy teniendo un problema con una plantilla, la arme en dreamweaver.
En internet explorer y firefox se ve 10 puntos, pero en la vista diseño de dreamweaver se ve mal, el id "notiabajodos" se va para el otro renglon y desacomoda el resto y el footer ni se ve.
No se a que se debe esto, y si ademas del problema quieren hacerme otra correccion será bienvenida, no soy ningun experto en css.

Los estilos:
Código:
<style type="text/css">
body{ margin:0 auto; background-color:#fff;}
#contenedor{width:1003px; background-color:#9966f0;}
#cabecera{width:1003px; background-color:#FF9900; height:125px;  clear:both; border-bottom:#FFFFFF 2px solid}
#contenedorizquierdo{width:672px; float:left; background-color:#f3CCFF;  clear:both}
#contenedorderecho{width:330px; float:left; background-color:#aa5C88; height:602px; border-left:#ffffff 1px solid}
#notiuno{width:436px; height:200px; float:left; background-color:#707C33; clear:both; border-right:#FFFFFF 1px solid}
#notidos{width:235px; height:200px; float:right; background-color:#96aC9a;}
#notipropaganda{width:672px; height:200px; float:left; background-color:#CCCCCC; clear:both; border-bottom:#ffffff 1px solid; border-top:#ffffff 1px solid}
#notiabajouno{width:336px; height:200px; float:left; background-color:#ccaa33; clear:both; border-right:#FFFFFF 1px solid}
#notiabajodos{width:335px; height:200px; float:right; background-color:#90CCf3}
#footer{width:1003px; background-color:#6F99aa; height:115px;  clear:both; border-top:#FFFFFF 2px solid}
</style>
y el body:
Código:
<body>
<div id="cabecera"></div>
<div id="contenedor">
<div id="contenedorizquierdo">
<div id="notiuno"></div>
<div id="notidos"></div>
<div id="notipropaganda"></div>
 <div id="notiabajouno"></div>
<div id="notiabajodos"></div>
</div>

<div id="contenedorderecho"></div>
<div id="footer"></div>
</div>

</body>
Desde ya gracias y saludos.
  #2 (permalink)  
Antiguo 25/08/2009, 06:52
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda con plantilla

¿Tu intención es que '#notiabajouno' y '#notiabajodos' compartan la misma "linea en la horizontal"?
Si es afirmativo, creo que lo que lo impide es lo resaltado en negrita:
Cita:
#notiabajouno{width:336px; height:200px; float:left; background-color:#ccaa33; clear:both; border-right:#FFFFFF 1px solid}
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 25/08/2009, 11:59
 
Fecha de Ingreso: diciembre-2007
Mensajes: 178
Antigüedad: 10 años
Puntos: 1
Respuesta: Ayuda con plantilla

Gracias por contestar.
Si, efectivamente, '#notiabajouno' y '#notiabajodos' comparten la misma linea.
La instruccion clear:both no es para empezar una nueva linea?
No entiendo porque en los navegadores se ve bien.

Saludos.
  #4 (permalink)  
Antiguo 25/08/2009, 12:13
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda con plantilla

La propiedad "clear"

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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:28.