[CSS e Firefox] Margine a tutta la pagina se imposto margine a un div qualsiasi

**webtemplum** · 06-12-2012, 23:57

Buonasera a tutti e scusate per il titolo poco chiaro...

Uso un mio personale framework adattato nel corso del tempo, più o meno cosi:

codice:

<div class="contenitore">
    <div id="header">
         [img]logo.png[/img]
    </div>
    <div class="wrapper">
          <div class="contenuto">
              <div class="colonna12">
                   <h1>Demo</h1>
                   

Lorem ipsum dolorem</p>
              </div>
              <div id="aside">
              </div>
              <div class="clear"></div>
          </div>
     </div>
</div>

Dove le regole css sono le seguenti:

codice:

.contenitore,.wrapper,.contenuto{margin:0 auto;width:100%;text-align:center;}
.wrapper{width:960px;}
.contenuto{width:940px;text-align: left;}

Ovviamente a monte di tutto c'è un bel reset.css

Nella struttura abbozzata aside sarebbe floattato, cosi come colonna12 et cetc.

In Firefox (!) e solo in lui mi succede che se do un margin top o bottom a qualsiasi elemento(diciamo all'header o addirittura al footer!) di ad esempio 5px, allora TUTTO il sito (dal body compreso!) mi scende degli stessi px, come se lasciasse quel margine ANCHE in alto, prima del body.

1 - lo controllo evidenziando body o altro passandoci sopra con il mouse da firebug;
2 - si vede proprio ad occhio
3 - me lo fa solo con firefox, chrome ed IE (!!!!!!!) si vedono bene ed applicano il margine solo al div che dico io
4 - non me lo fa solo con un sito internet ma me lo fa con TUTTI i miei siti.... tale che molto spesso sono costretto a dare un padding invece di un margin.....

Se può essere utile in visualizzazione HTML io vedo sempre la dichiarazione

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

sempre in rosso (e non so perchè).

Prima della dichiarazione richiamo alcuni file in include con php,

codice:

<?php include('inclusions.inc.php'); ?>
<!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>Home Page</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow" />

ma anche spostando sotto l'include (anche se mi serve li sopra) la dichiarazione mi rimane rossa.

Sono mesi che ci convivo, ora però chiedo help a voi guru!

Buona serata!

PS Dimenticavo, CSS e XHTML sono validati correttamente...

**ResianTaxidrive** · 12-12-2012, 12:28

Tempo fa avevo notate anche io unacosa del genere ma ora non riesco più a riprodurre il problema.
Questo codice come si comporta?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
body, html, div, p
{
	margin:0;
	padding:0;
}
.contenitore,.wrapper,.contenuto{margin:0 auto;width:100%;text-align:center;}
.contenitore
{
	border:2px solid #f00;
}
.wrapper{width:960px;}
.contenuto{width:940px;text-align: left;border:1px solid #0f0}
#header
{  border:1px solid #ccc;
	margin-top:20px;
}
aside
{
	float:left;
}
</style>
</head>

<body>
<div class="contenitore">
    <div id="header">
         [img]logo.png[/img]
    </div>
    <div class="wrapper">
          <div class="contenuto">
              <div class="colonna12">
                   <h1>Demo</h1>
                   

Lorem ipsum dolorem</p>
              </div>
              <div id="aside">
              </div>
              <div class="clear"></div>
          </div>
     </div>
</div>
</body>
</html>

Discussione: [CSS e Firefox] Margine a tutta la pagina se imposto margine a un div qualsiasi

Strumenti discussione

Ricerca discussione

Visualizza

[CSS e Firefox] Margine a tutta la pagina se imposto margine a un div qualsiasi

Permessi di invio