Al solito. Differenza IE - Firefox

**Armando33** · 13-12-2006, 11:17

Qualcuno mi puo' aiutare per aggiustare questa pagina http://www.odontotecnico.it/news/all.php .
Nella versione Firefox gli annunci adsense a sx si sovrappongono agli annunci ebay in basso. In IE , sembra strano , il risultato e' giusto.

Ho provato a mettere un div cosi' ma non ha funzionato:
.clearnoline {
border: 0px dotted Lime;
clear: both;
padding: 0px;
margin: 0px;
height: 1px;
}

Qualche consiglio?
Ringrazio anticipatamente

Modifica: Mi dimenticavo di dire che questa cosa succede solo in questa pagina in .php nelle altre pagine del sito, statiche, questo non accade.

**XavierLoS** · 15-12-2006, 09:35

pure io ho avuto questo problema..

ed ho risolto il tutto tramite l'uso massiccio dei float nei div..

questo posiziona in modo fisso le varie sezioni della pagina. Se cerchi nel sito, trovi alcune pagine già fatte per guardare i css e per capire come si usano i float..

ciao ciao.

**Armando33** · 15-12-2006, 10:23

Originariamente inviato da XavierLoS
pure io ho avuto questo problema..

ed ho risolto il tutto tramite l'uso massiccio dei float nei div..

In verita' il div incriminato e' gia' settato con float:left

#fcSubMenusponsor {
float:left;
border: 0px solid Fuchsia;
width:160px;

}

**XavierLoS** · 15-12-2006, 10:32

prova a mettere nel menu con le varie offerte di ebay un
clear: both

**Armando33** · 15-12-2006, 11:17

Originariamente inviato da XavierLoS
prova a mettere nel menu con le varie offerte di ebay un
clear: both

fatto anche questo. Era nel mio primo post

**XavierLoS** · 27-12-2006, 13:05

Guarda questo è il mio codice.. io ho risolto così

/*
STILE DEDICATO ALL'IMPAGINAZIONE DELLA PAGINA
PIU I VARI STILI PER LA NAVIGAZIONE
*/

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

body{
font: 12px arial,sans-serif;
text-align:center;
}

div#header{
height: 67px;
color: #79B30B;
background-image: url(../immagini/banner.jpg);
}

/*
FORMATAZIONE DI LAYOUT
*/
div#container{
text-align:left;
}

div#navigation{
background: #FFFFFF;
}

div#footer{
height: 25px;
background-image: url(../immagini/downpage.jpg);
}

/*
STILI DI LAYOUT 2 di 2
*/
div#header{
margin-top: 10px;
width : 100%;
}

div#container{
width:750px;
margin:0 auto;
border: solid;
border-width: 1px;
border-color: #36c;
background-color: white;
}

div#content_index{
float:center;
width:750px;
}

div#content{
float:right;
width:570px;
}

div#navigation{
float:left;
width:167px;
padding-left: 5px;
}

div#footer{
clear:both;
width:100%;
margin-bottom: 10px;
}

/*----------------------------------------------------------------------------*/
/*Stili per la navigazione */
/*----------------------------------------------------------------------------*/
div#navigation ul{
margin: 0 0 20px;
list-style-type: none;
padding-left: 5px;
}

div#navigation ul a{
display : block;
width: 155px;
padding-left: 5px;
}

div#navigation ul a:hover{
display : block;
width: 155px;
background-color: #ffcb31;
padding-left: 5px;
border : 1px solid #c00;
}

div#navigation ul a#activelink{
color: #0066CC;
text-decoration: none;
}

.textfot{
font: 9px arial,sans-serif;
background-color: #ffcb31;
text-decoration: none;
color: #0066CC;
float : left;
margin-top : 20px;
margin-bottom: 0px;
margin-left: 0px;
height : auto;
}

con la relativa pagina html

html>

<head>
<title>LogIn</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="template/impaginazione.css">
<link rel="stylesheet" type="text/css" href="template/input.css">
<link rel="stylesheet" type="text/css" href="template/varie.css">

</head>

<body>
<div id="container">
<div id="header">
</div>
<div id="wratter">
<div id="content_index">
</div>
</div>
<div id="footer">
</div>
</div>

</body>
</html>

Discussione: Al solito. Differenza IE - Firefox

Strumenti discussione

Ricerca discussione

Visualizza

Al solito. Differenza IE - Firefox

Permessi di invio