Errore top menu solo con internet explorer

[team building]

Ciao,
dopo uno studio fatto mi sembra che il problema che riscontro sul mio sito www.teambuildingitaly.com con i.e nel Top menu, dipenda dal css del template REDEVO_ALLIUM.

Purtroppo non so proprio dove mettere le mani.

Qualcuno in un altro post suggeriva ad un forumista con il mio analogo problema di cambiare il template.

Cerco un'altra soluzione.

Con Firefox e altri browser nessun problema. I problemi sono con tutte le versioni di msie

Grazie

[SteveTW]

confermo, con IE7 c'è questo problema, sarebbe bello vedere la index.php del tuo template, per il CSS mi arrangio e lo prelevo io

[SteveTW]

confermo, con IE7 c'è questo problema, sarebbe bello vedere la index.php del tuo template, per il CSS mi arrangio e lo prelevo io

Ho analizzato il tuo template, in realtà l'errore è presente sia in IE7 sia in FF3.

Nel primo caso, il menù è schiacciato, nel secondo invece due pulsanti si sviluppano sotto di una riga, e allunga il menù interrompendo la grafica con la riga gialla.

Nel verificare il codice HTML, ho visto che utilizzi una particolare CACHE con caricamento java per il CSS, e non ho trovato dove sia residente il CSS.

Sarebbe importante poter vedere nel CSS quale comportamento è assegnato a questa riga:

<div id="bgtop" align="center"><div class="wrapper">
<div id="header">
<div id="logo"></div>
<div class="clear"></div>
</div>
<div id="nav">

Questa è la parte iniziale da dove inizia quel menù.
Sarebbe da vedere il bgtop, l'header ed il nav.

[team building]

Ciao Steve,
grazie come prima cosa del tuo aiuto!
Scusami ma non essendo tanto pratico te lo spedisco tutto. Ho trovato nella cartella dei css relativi al mio template 2 css, il template.css e il menu.css. Ti spedisco il primo.

/* CSS Document */

/*-----Global Reset-----*/

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address{
margin:0.5em 0;}

li, dd{margin-left:1em;}

fieldset{padding:0.5em;}

img {
border: none;
}

.clear {
clear: both;
}


/*-----BACKGROUND COLOR/FONT SIZE AND COLOR-----*/
body {
padding:0;
background:#989898;
font-size:12px; /* more consistent font sizes */
font-family:Arial, Helvetica, sans-serif;
line-height:18px; /*helps readability*/
}

/*-----ALL NON PARAGRAPH TEXT COLORS-----*/

td, p {
color: #333;
font-size:12px;
}



/*-----HEADINGS-----*/
h1, .componentheading{ font-size:21px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:25px;}
h2, .contentheading{font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#5b8307; line-height:21px;}
h3{font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
.moduletable h3, .moduletable_menu h3{margin-top:0;}

/*-----LINK TEXT COLORS-----*/
a {
color:#5b8307;
}

a:hover{
color:#000;
}
/*-----Lists-----*/
ul{
}

li{
}
/* tables */

table.contentpaneopen, table.contentpane{border-collapse:collapse;}
/*-----BLOCKQUOTE STYLE-----*/

blockquote {

}

/* MAIN MENU LINK COLOR */
#left ul.menu, #left ul.menu li, #left ul.menu ul{margin:0; padding:0; list-style:none;}
#left ul.menu a{
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:5px 0px 5px 20px;
background:url(../images/mainlevel.gif) no-repeat;
background-position:5px 10px;
}
#left ul.menu ul a{
background:url(../images/indent1.png) no-repeat;
background-position:25px 0px;
padding-left:35px;
}

#left ul.menu a:hover, #left ul.menu li.active a{
background-color:#487fd0;
color:#fff;
}
ul#mainlevel-nav{
margin:0;
padding:0;
list-style:none;
}
ul#mainlevel-nav li{
float:right;
margin:0;
padding:0;
}
div.moduletable_menu ul.menu li{
background:url(../images/dot.gif) bottom left repeat-x;
}

a.mainlevel-nav{
color:#d5d5d5;
text-decoration:none;
display:block;
padding:40px 10px 16px 10px;
font-size:14px;
font-weight:bold;
}

a.mainlevel-nav:hover{
color:#ffe465;
background:url(../images/topmenu.jpg) top left repeat-x;
}

/* Left/Right Column (GLOBAL DEFAULT STYLE) */




/* LATEST NEWS/POPULAR MODULE LINK STYLES */

a.latestnews{

}

a.latestnews:hover{

}

a.mostread{

}

a.mostread:hover{

}

/* SECTION TABLE HEADER STYLE */

td.sectiontableheader {

}

/* ALTERNATING SECTION TABLE ROW 1 BACKGROUND/TEXT STYLES */

tr.sectiontableentry1 td {

}

/* ALTERNATING SECTION TABLE ROW 2 BACKGROUND/TEXT STYLES */

tr.sectiontableentry2 td {

}

/* SECTION TABLE LINK STYLES */

.sectiontableentry2 a, .sectiontableentry1 a, .sectiontableentry2 a.category, .sectiontableentry1 a.category {

}
.sectiontableentry2 a:hover, .sectiontableentry1 a:hover, .sectiontableentry2 a.category:hover, .sectiontableentry1 a.category:hover {
 
}

/*layout*/

#bgtop{background-color:#181818;}
#bgbottom{background-color:#989898;}
.wrapper{width:95%;
max-width:1060px;
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/}
#logo{float:left; padding-top:6px;}
#logo h1{font-family:Georgia, "Times New Roman", Times, serif;
font-size:36px;
font-weight:bold;
}
#logo a{
color:#e5e5e5;
text-decoration:none;
}
#logo a:hover{
text-decoration:underline;
}
#user3{float:right; width:600px;}
#nav, #container{ border:#fff 5px solid; border-bottom:none;}
#nav{background-color:#ffd202; position:relative; height:42px;}
#container{background-color:#fff;}
#container ul{margin:10px;}
#left, #middle, #right{overflow:hidden;}
#left{width:25%; float:left;}
#left a{color:#000;}
#left a:hover{color:#666666;}
#left .moduletable_menu{
background:#3e7ad4 url(../images/bgmenu.jpg) top left repeat-x;
margin-bottom:5px;
}
#left .moduletable_menu,#left .moduletable{
padding:3% 3% 10% 3%;
width:100%
voice-family: "\"}\"";
voice-family:inherit;
width:100%;
}
html>body #left .moduletable_menu, html>body #left .moduletable{
width:94%;
}
.moduletable_menu h3{
color:#9cc4ff;
}
#left .moduletable{
background-color:#cfcfcf;
}
#left .moduletable, #right .moduletable{
margin-bottom:5px;
}
#main{
width:74.5% !important;
width:73.5%; float:right;}
#user12{
position:relative;
margin-bottom:5px;
}
#user12 .moduletable{
padding:10px 16px;
}
#user12 a{
color:#fff;
}
#user12 a:hover{
text-decoration:underline overline;
}
#user12 ul{
list-style:none;}


#user1{width:50%; float:left;}
#user2{width:49.5%; float:right;}
#user1{
background:#71a10b url(../images/bggreen.jpg) top left repeat-x;
color:#fff;
}

#user2{
background:#d02e2e url(../images/bgred.jpg) top left repeat-x;
color:#fff;
}

#top h3{
background:#71a00b url(../images/toph3.jpg) top left repeat-x;
color:#fff;
padding:10px 0 10px 6px;
}
#top{padding-bottom:20px;}

#middle{
float:left;
width:66%;
}

#right{
float:right;
width:33.5%;
}

#rightmodule{
background:url(../images/dot-v.png) top left repeat-y;
}

#rightmodule .moduletable{
padding:10px;
}

#rightmodule h3, #rightmodule a{
color:#2d66b8;
}

#user4{
border-top:#0c4fb2 5px solid;
background-color:#3b77cf;
}
#user4 .moduletable{
padding:10px;
}

#footer{position:relative; text-align:center; margin-bottom:10px; clear:both;  padding:0 10%; background-color:#989898;}
#footer a{color:#fff;}
#footer .bgright{ text-align:center; color:#fff; background:url(../images/footerright.jpg) top right no-repeat;}
#footer .bgleft{ background:url(../images/footerleft.jpg) top left no-repeat; height:34px; padding:6px 10px 0px 10px;}

li.latestnews, li.mostread{
margin-bottom:5px;
}

[SteveTW]

#nav{background-color:#ffd202; position:relative; height:42px;}

eccoti l'errore..... viene interpretato in maniera diversa dai browser.

In IE infatti ti schiaccia l'header perchè tu gli fissi l'altezza a 42 px..... prova ad aumentare il valore, fai una pulizia di tutta la cache di IE, e ricarichi il sito (quindi anche il CSS modificato, vedrai che la cosa cambierà.... io ho provato in locale ed è cosi).
Con FIREFOX non rispetta l'altezza perchè trova un altro div sotto che vuole il suo spazio).

In realtà poi ci sono altri tipi di errori grafici, ma se per te l'errore sta solo qui, o non sei soddisfatto solo qui, questo è quello che devi correggere.

[team building]

Hey Steve,
grazie tantissimo. Ora mi metto a lavoro per altri errori tipo la scritta team building outdoor che non sta sulla stessa riga per esempio.

cosa però alquanto strana e che avendo inserito il nuovo valore da 42px a 150px mi dice in basso a sx:
operazione completata.Errori nella visualizzazione della pagina.

[maicolstaip]

Raqgazzi, sposto il topic nella sez. templates.

[team building]

Ciao Steve,
ti accorgerai che manca la tabella della parte centrale, ma questo è un altro problema che ho creato inavvertitamente ieri e non c'entra niente con questo post, ma con un altro post che ho aperto relativo ad un problema con il percorso delle immagini.