Foros del Web - Ver Mensaje Individual - pequeño problema. DIV SIN MARGENES TIENEN MARGEN

marcelomp3 · #1 (**permalink**) 30/11/2010, 16:39

hola gente queria consultarles porque estos divs concervan un margen que ni firebug ni el inspector de chrome justifican y como eliminarlo. Desde ya muchas gracias

SOLUCION: PARA QUE ESTO NO SUCEDA HAY QUE DEFINIR LA PROPIEDAD FLOAT CON VALORES RIGHT O LEFT.

Código CSS:

Ver original.mitad {float:right;}
/* o si no*/
.mitad {float:left;}

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>index</title>
        <link type="text/css" rel="stylesheet" href="estilos.css" media="all">
    </head>
 
    <body>
        <div class="mitad"></div>
        <div class="mitad"></div>
        <div class="mitad"></div>
        <div class="mitad"></div>
    <body>
</html>

Código CSS:

Ver originaldiv {
   padding: 0px; margin: 0px;
  }
.mitad  {
  width: 100px;
  height: 100px;
  background-color: #00af00;
  position: static;
  background-color: #000;
  display: inline-block;
  }