Problema interfaccia css

**Sonikag** · 26-07-2005, 11:00

codice:

body {
background-color: #8A426F;
background-image: url(img/sfest.jpg);
background-repeat: repeat-x;
background-position: bottom;
height: 100%;
margin:0;
padding:0px;
}

#container {
width: 760px;
\width: 780px;
w\idth: 760px;
height: 100%;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
background-image: url(img/sfint.jpg);
background-repeat: repeat-x;
background-position: bottom;
}

codice:

<!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>	
<link href="pippo.css" rel="stylesheet" type="text/css" />
<title>...</title></head>
<body>
<div id="container">
[img]img/top.gif[/img]


Testo testo testo</p>
</div>
</body>
</html>

Su explorer tutto ok, ma su firefox il container non ha altezza 100%

**Sonikag** · 27-07-2005, 09:00

up

**pacovox** · 27-07-2005, 10:11

Dovresti dare height:100% anche a html:

codice:

html,body{
margin:0;
padding:0;
height:100%;}

Fai attenzione che con height:100% Firefox correttamente non adatta l'altezza in base i contenuti, dovresti usare min-height con un piccolo hack per IE:

codice:

...{
min-height:100%;
height:auto!important;
height:100%;}

Discussione: Problema interfaccia css

Strumenti discussione

Ricerca discussione

Visualizza

Problema interfaccia css

Permessi di invio