problemi con firefox

**frankiespinolo** · 01-06-2007, 15:55

Ciao a tutti,
come mai un div in firefox non si allunga a seconda dei conteuti che ha all'interno?

ecco gli attributi css dati al div in questione

#box {
width:776px;
margin:0px auto;
padding:0px;
text-align: left;
position:relative;
height:100%;
background-color:#FFFFFF;
border-bottom:1px solid #218fdb;
border-left:1px solid #218fdb;
border-right:1px solid #218fdb;
}

praticamente in firefox mi rimane alto 1px.

grazie

**pidgey** · 01-06-2007, 16:16

Ho verificato e funziona correttamente, ho fatto la seguente prova:
<html>
<head>
<title></title>

<style type="text/css">
#box {
width:776px;
margin:0px auto;
padding:0px;
text-align: left;
position:relative;
height:100%;
background-color:#FFFFFF;
border-bottom:1px solid #218fdb;
border-left:1px solid #218fdb;
border-right:1px solid #218fdb;
}

</style>

<body>

<div id="box" >Bla bla bla Bla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla bla
Bla bla bla Bla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla blaBla bla bla</div>

</body>
</html>

fammi sapere.. ciao .

**frankiespinolo** · 01-06-2007, 16:48

non sò se può servire ma posto il codice css

html,body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

body {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align: center;
background-image:url(img/bg_value.gif);
}

body>div#box {
height:auto;
height:100%;
}

#box {
width:776px;
margin:0px auto;
padding:0px;
text-align: left;
position:relative;
height:100%;
background-color:#FFFFFF;
border-bottom:1px solid #218fdb;
border-left:1px solid #218fdb;
border-right:1px solid #218fdb;
}

in pratica non vedo lo sfondo bianco con i bordi del #box.

grazie mille per la'ttenzione!

**pidgey** · 01-06-2007, 16:57

Io purtroppo, ho riprovato con il codice che mi hai postato e sembra funzionare correttamente.. vedo i bordi blu del div box sia su firefox che su explorer.
Forse non ho capito qual'è il problema.

**frankiespinolo** · 01-06-2007, 17:44

scusa, sono sicuro di sbagliare qualche cosa, per questo ho fatto due pagine, una dove viene visualizzato lo sfondo e l'altra invece no e cambia solo il contenuto del #box!!! non capisco proprio...

questo è lo stile uguale per entrambe le pagine

html,body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

body {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align: center; /*centra in IE 5.x */
background-image:url(img/bg_value.gif);
}

body>div#box {
height:auto;
height:100%;
}

#box {
width:776px;
margin:0px auto; /*centra negli altri browsers*/
padding:0px;
text-align: left; /*ripristina l' allineamento*/
position:relative;
height:100%;
background-color:#FFFFFF;
border-bottom:1px solid #218fdb;
border-left:1px solid #218fdb;
border-right:1px solid #218fdb;
}

.header {
width:100%;
height:75px;
background-image:url(img/header_back.jpg);
background-repeat:repeat-x;
margin:0px auto;
padding:0px;
}

/*--------------------------------CONTENUTI--------------------------------*/

.centro {
width:625px;
margin:0px auto;
padding:0px;
float:right;

}

.centro p{
padding:5px;
margin:0px;
}

.centro h5{
padding:5px;
margin:0px;
}

.menu {
width:150px;
margin:0px;
padding:0px;
float:left;
}
/*
.menu ul{
list-style-image:url(img/icona_menu.gif);

}
*/
.menu ul{
list-style-type:none;
margin:2px;
padding:0px;
}

.menu li{
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(img/menu_back.png);
background-position:bottom;
background-repeat:repeat-x;
height:20px;
border:1px solid #CCCCCC;
}

.menu li a{
text-decoration:none;
color:#333333;
}

.menu li a:hover, .menu li a:visited{
text-decoration:underline;
color:#666666;
}

.menu li a:visited{
text-decoration:none;
color:#666666;
}

questa la pagina funzionante

<!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=iso-8859-1"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<title>
prova</title>
<link href="stile2.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body>
<div class="header">
prova</div>
<div id="box">

prova provaprovaprovaprovaprovaprovaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova </p>

prova provaprovaprovaprovaprovaprovaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova </p>

prova provaprovaprovaprovaprovaprovaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova </p>

prova provaprovaprovaprovaprovaprovaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova </p>
</div>
</body>
</html>

questa quella non funzionante

<!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=iso-8859-1"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<title>
prova</title>
<link href="stile2.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body>
<div class="header">
prova</div>
<div id="box">
<div class="menu">
<ul>
[*]

[img]img/freccina_menu.gif[/img]Home</p>

[*]

[img]img/freccina_menu.gif[/img]Profilo</p>

[*]

[img]img/freccina_menu.gif[/img]Servizi</p>

[*]

[img]img/freccina_menu.gif[/img]Progetti</p>

[*]

[img]img/freccina_menu.gif[/img]Contatti</p>

[/list]
</div>
<div class="centro">

[img]img/customers.gif[/img]</p>

prova provaprovaprovaprovaprovaprovaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova </p>

prova provaprovaprovaprovaprovaprovaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova </p>

prova provaprovaprovaprovaprovaprovaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova </p>

prova provaprovaprovaprovaprovaprovaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova provaprova </p>
</div>
</div>
</body>
</html>

scusa ma non sapevo come fare per il codice

**Mich_** · 04-06-2007, 09:58

E` il solito problema del float.
Un blocco non-float che contiene un blocco flottante non vede la fine del blocco flottante, e si chiude subito.

Puoi dare il float anche al contenitore oppure puoi inserire un blocco con il clear all'interno.
Vedi ad esempio la pillola "fab clearing" in questo forum.

**frankiespinolo** · 04-06-2007, 10:25

Grazie mille per l'aiuto!!!!

Discussione: problemi con firefox

Strumenti discussione

Ricerca discussione

Visualizza

problemi con firefox

grazie

Permessi di invio