Foros del Web » Creando para Internet » CSS »

Margin top me desconcierta

Estas en el tema de Margin top me desconcierta en el foro de CSS en Foros del Web. Foristas, quiero marcar distancia entre el título y el final del contenido anterior y no lo logro ni con padding ni con margin-top....algún error cometo ...
  #1 (permalink)  
Antiguo 13/03/2010, 18:23
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 435
Antigüedad: 19 años, 2 meses
Puntos: 3
Margin top me desconcierta

Foristas, quiero marcar distancia entre el título y el final del contenido anterior y no lo logro ni con padding ni con margin-top....algún error cometo que logren identificar? gracias desde ya por su tiepo. Les dejo los código

CSS

/* ---------------------------------------------------------------------*/
/* CABECERA PORTADA NOTICIAS */
/* ---------------------------------------------------------------------*/

.cIz { width:300px; height:95px; float:left;}

.TpocIZ { width:290px; float:left; margin-left:3PX; margin-top:5PX; height:85px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}

.cMe { width:350px; height:auto; float:left;}

.cDe { width:300px; float:right; height:auto; margin-top:3px; margin-left:5px; padding-left:5px;}


/* ---------------------------------------------------------------------*/
/* PRIMERA PORTADA NOTICIAS */
/* ---------------------------------------------------------------------*/

.TNa1 { width:375px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#333333; font-weight:bold; padding:2px; margin-top:15px; margin-bottom:5px; margin-left:3px;}

.TNa2 { width:375px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#333333; padding: 3px; margin-bottom:5px; margin-left:3px; margin-top:12px; }


.CNa1 { width:375px; height:auto; float:left; margin-left:3px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; text-align:justify; padding-bottom:20px; padding-left:3px; padding-right:3px; padding-top:8px; border-bottom:solid 1px; border-bottom-color:#e2e2e2; }

.CNa2 { width:375px; height:auto; float:left; margin-left:3px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; text-align:justify; padding-bottom:20px; padding-left:3px; padding-right:3px; padding-top:8px; border-bottom:solid 1px; border-bottom-color:#e2e2e2; }


/* ---------------------------------------------------------------------*/
/* SEGUNDA PORTADA NOTICIAS */
/* ---------------------------------------------------------------------*/


.TNb1 { width:268px; height:auto; font:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:20px; color:#333333; font-weight:bold; padding:2px; margin-top:5px; margin-bottom:5px; margin-left:3px;}

.TNb2 { width:268px; height:auto; font:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:17px; color:#333333; font-weight:bold; padding:2px; margin-top:5px; margin-bottom:5px; margin-left:3px;}

.CNb1 { width:266px; height:auto; float:left; margin-left:1px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; text-align:justify; padding-bottom:10px; padding-left:2px; padding-right:4px; padding-top:8px; border-bottom:solid 1px; border-bottom-color:#e2e2e2; }

.CNb2 { width:266px; height:auto; float:left; margin-left:1px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; text-align:justify; padding-bottom:10px; padding-left:2px; padding-right:4px; padding-top:8px; border-bottom:solid 1px; border-bottom-color:#e2e2e2; }

/* ---------------------------------------------------------------------*/
/* CABECERA PORTADA NOTICIAS */
/* ---------------------------------------------------------------------*/


HTML

<div id="cuerpo">
<!-- CUERPO TOTAL-->
<!-- cabecera-->

<div id="cabecera">

<div class="cIz">
<div class="TpocIZ">ACÁ PRONÓSTICO DEL TIEMPO</div>
</div>
<div class="cMe"><img src="img/a/gif/logo.gif" alt="HOY MERCEDES, PORTAL DE NOTICIAS, CIUDAD DE MERCEDES Y LA ZONA" /></div>
<div class="cDe"><img src="img/a/pub/hmradio.gif" /></div>

</div>

<div class="menu"><?php include("funciones/bn.php"); ?></div>

<!-- inicio contenedor -->
<div id="contenedor">




<!-- COLUMNA 1-->
<div id="columna1">

<div class="TNa1">En Hoy Mercedes las cosas están tal como se las puede observar</div>
<div class="CNa1"> El vicepresidente de la Corporación de abogados Católicos y un letrado que patrocina a parejas del mismo sexo fueron convocados por lanacion.com para discutir el tema; la adopción y el concepto de familia, ejes del encuentro. Por Maia Jastreblansky</div>

<div class="TNa2">Segundo titular del nuevo diseño de portada</div>
<div class="CNa2"> El vicepresidente de la Corporación de abogados Católicos y un letrado que patrocina a parejas del mismo sexo fueron convocados por lanacion.com para discutir el tema; la adopción y el concepto de familia, ejes del encuentro. Por Maia Jastreblansky</div>


<div class="TNa1">En Hoy Mercedes las cosas están tal como se las puede observar</div>
<div class="CNa1"> El vicepresidente de la Corporación de abogados Católicos y un letrado que patrocina a parejas del mismo sexo fueron convocados por lanacion.com para discutir el tema; la adopción y el concepto de familia, ejes del encuentro. Por Maia Jastreblansky</div>

<div class="TNa2">Segundo titular del nuevo diseño de portada</div>
<div class="CNa2"> El vicepresidente de la Corporación de abogados Católicos y un letrado que patrocina a parejas del mismo sexo fueron convocados por lanacion.com para discutir el tema; la adopción y el concepto de familia, ejes del encuentro. Por Maia Jastreblansky</div>

<!-- FIN COLUMNA 1-->
</div>
<!-- FIN COLUMNA 1-->



<!-- COLUMNA 2-->
<div id="columna2">

<div class="TNb1">Titulares de la segunda columna dentro de Hoy Mercedes</div>
<div class="CNb1"> El vicepresidente de la Corporación de abogados Católicos y un letrado que patrocina a parejas del mismo sexo fueron convocados por lanacion.com para discutir el tema; la adopción y el concepto de familia, ejes del encuentro. Por Maia Jastreblansky</div>


<div class="TNb2">Titulares de la segunda columna dentro de Hoy Mercedes</div>
<div class="CNb2"> El vicepresidente de la Corporación de abogados Católicos y un letrado que patrocina a parejas del mismo sexo fueron convocados por lanacion.com para discutir el tema; la adopción y el concepto de familia, ejes del encuentro. Por Maia Jastreblansky</div>

<div class="TNb1">Titulares de la segunda columna dentro de Hoy Mercedes</div>
<div class="CNb1"> El vicepresidente de la Corporación de abogados Católicos y un letrado que patrocina a parejas del mismo sexo fueron convocados por lanacion.com para discutir el tema; la adopción y el concepto de familia, ejes del encuentro. Por Maia Jastreblansky</div>


<div class="TNb2">Titulares de la segunda columna dentro de Hoy Mercedes</div>
<div class="CNb2"> El vicepresidente de la Corporación de abogados Católicos y un letrado que patrocina a parejas del mismo sexo fueron convocados por lanacion.com para discutir el tema; la adopción y el concepto de familia, ejes del encuentro. Por Maia Jastreblansky</div>

<!-- FIN COLUMNA 2-->
</div>
<!-- FIN COLUMNA 2-->




<!-- COLUMNA 3-->
<div id="columna3">
putos contenidos columna tercera
<!-- FIN COLUMNA 2-->
</div>
<!-- FIN COLUMNA 3-->





<!-- PIE-->
<div id="pie">
Contenidos Footer
</div>
<!-- FIN PIE-->



<!-- Fin contenedor -->
</div>
<!-- Fin contenedor -->

<!-- FIN CUERPO TOTAL-->
</div>
<!-- FIN CUERPO TOTAL-->
<!-- PIE-->
<div id="pieF">
HoyMercedes.com.ar | Servicios - Cultura - Política - Opinión | 2010 | Mercedes, Buenos Aires, Argentina
</div>
<!-- FIN PIE-->
  #2 (permalink)  
Antiguo 25/03/2010, 11:04
 
Fecha de Ingreso: octubre-2008
Mensajes: 12
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: Margin top me desconcierta

Hola, intenta con esto:
Luego de las dos columnas, una a la derecha y otra a la izquierda, pon algo como: <div style="clear:both"></div>.
Esa es una práctica que yo siempre uso. Espero que con eso se solucione.

Etiquetas: margin, top
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 10:00.