fireFox vs IE
Jeg bliver ganske enkelt vanvittig om lidt...:Jeg har en menu fra ApyCom, den virker helt perfekt i FireFox men i IE vise den ikke rigtigt - se selv http://ne-entreprise.s2u.dk
Nogen som umiddelbart kan forklare hvad der gør forskellen - hvis i har brug for kode så sig til - der er et CSS ark til men jeg er overbevist om at det ikke er her fejlen/forskellen ligger.
[CSS til Menu]
.topMenu {
background-color: #FFFFFF;
border-width: 0;
border-style: none;
}
.submenu {
background-color: #FFFFFF;
border-width: 1;
border-style: solid;
border-color: #AAAAAA;
}
.topItemNormal {
background-image: url(/menu/img/css/btn1.gif);
background-repeat: no-repeat;
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
}
.topItemOver {
background-image: url(/menu/img/css/btn2.gif);
background-repeat: no-repeat;
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
}
.itemNormal {
font-family: Tahoma;
font-size: 11px;
color: #000000;
cursor: pointer;
background-color: #FFFFFF;
}
.itemOver {
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
background-color: #357EF8;
}
Jeg bruger følgende doc type:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Jeg kan også poste .js filen men ved ikke om det kan give noget (gør det lige alligvel):
[javascript variable fil]
var cssStyle=1;
var cssClass="topMenu";
var blankImage="menu/img/blank.gif";
var isHorizontal=1;
var menuWidth="100%";
var absolutePos=0;
var posX=20;
var posY=10;
var floatable=0;
var floatIterations=5;
var movable=0;
var moveCursor="move";
var moveImage="menu/img/movepic4.gif";
var moveWidth=12;
var moveHeight=25;
var fontStyle="normal 11px Verdana";
var fontColor=["#3B3B3B","#FFFFFF"];
var fontDecoration=["none","none"];
var itemBackColor=["#FFFFFF","#4D74FD"];
var itemBorderWidth=0;
var itemAlign="left";
var itemBorderColor=["",""];
var itemBorderStyle=["solid","solid"];
var itemBackImage=["menu/img/blank.gif","menu/img/blank.gif"];
var itemSpacing=0;
var itemPadding=2;
var itemCursor="default";
var itemTarget="_self";
var iconTopWidth=16;
var iconTopHeight=16;
var iconWidth=16;
var iconHeight=16;
var menuBackImage="";
var menuBackColor="#FFFFFF";
var menuBorderColor="#BFBFBF #737373 #4D4D4D #AAAAAA ";
var menuBorderStyle=["solid"];
var menuBorderWidth=1;
var subMenuAlign="left";
var transparency=100;
var transition=24;
var transDuration=300;
var shadowColor="#AAAAAA";
var shadowLen=0;
var shadowTop=1;
var arrowImageMain=[];
var arrowImageSub=["menu/img/arrow_r.gif","menu/img/arrow_r.gif"];
var arrowWidth=7;
var arrowHeight=7;
var separatorImage="menu/img/separ1.gif";
var separatorWidth="100%";
var separatorHeight="5";
var separatorAlignment="center";
var separatorVImage="menu/img/separv1.gif";
var separatorVWidth="5";
var separatorVHeight=34;
var statusString="text";
var pressedItem=0;
var itemStyles = [
["CSS=topItemNormal,topItemOver", "itemWidth=160"],
["CSS=itemNormal,itemOver"],
["CSS=itemNormal,itemOver", "itemWidth=250"],
];
var menuStyles = [
["CSS=submenu"],
];
var menuItems = [
["<img src='menu/img/blank.gif' width=10 height=29>",,,,,,],
<?
require_once("../Connections/cms.php");
mysql_select_db($database_cms, $cms);
$query_mainmenu = "SELECT * FROM ".$tbSideindhold." WHERE menu_nr <>' ' ORDER BY menu_nr";
$rsmainmenu = mysql_query($query_mainmenu, $cms) or die(mysql_error());
while($rows_mainmenu = mysql_fetch_assoc($rsmainmenu)){
//hent submenuer
mysql_select_db($database_cms, $cms);
$query_submenu = "SELECT * FROM $tbSideindhold WHERE mainid = ".$rows_mainmenu['id']." ORDER BY sub_menu_nr ASC";
$submenu = mysql_query($query_submenu, $cms) or die(mysql_error());
$total_row_submen = mysql_num_rows($submenu);
//indsæt menu ?>
["<? echo $rows_mainmenu['menu_tekst']; ?>","index.php?id=<? echo $rows_mainmenu['id']; ?>","menu/img/new1-08.gif","menu/img/new1-08.gif","","","0",],
<? //indsæt submenu
if ($total_row_submen > 0){
while($rows_submenu = mysql_fetch_assoc($submenu)){ ?>
["<? echo $rows_submenu['sub_menu_tekst']; ?>","index.php?id=<? echo $rows_submenu['id']; ?>","menu/img/new1-08.gif","menu/img/new1-08.gif","","","0",],
<? }
}
} ?>
];
apy_init();
HÅBER virkelig nogen kan hjælpe for nu har jeg rodet med det i et par dage - og synes jeg har ændret på alle parameter men ingenting hjælper - bortset lige fra en ting - hvis jeg ændre værdien:
var iconTopHeight=16;
til:
var iconTopHeight=25;
Så bliver knappen den rigtige størrelse men så ligner ikonet noget der er løgn......
