nighthawk96
Threadersteller
Dabei seit: 22.07.2005
Ort: Im Nordosten Deutschlands
Alter: 46
Geschlecht: 
|
Verfasst Mi 04.01.2006 02:59
Titel Darstellungsproblem Table IE/FireFox nach einfügen von Layer |
  |
|
Hallo,
ich habe in einem Layout einen Layer als Menu eingefügt. Firefox zeigt alles korrekt an. IE verschiebt das Menu, bzw zeigt einen mind. 2px Freiraum unterhalb des Menus an.
Habe schon validiert und im Forum nachgesehen.
Weiß jemand Rat ?
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<!--Any doctype other than this DTD will break Netscape 6 table layouts.-->
<html>
<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="btl_scripts.js"></script>
<link href="images/btl_style.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="MM_preloadImages('images/home_1.gif','images/company_2.gif','images/services_2.gif','images/partners_2.gif','images/contacts_2.gif')">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left" valign="top">
<td width="750"><table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="206" align="left" valign="top"><table width="750" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td height="172"><a href="#"><img src="images/logo.jpg" width="439" height="172" border="0"></a></td>
<td width="311" rowspan="2" background="images/tiling_1.gif"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="311" height="206">
<param name="movie" value="images/animation_main.swf">
<param name="quality" value="high">
<embed src="images/animation_main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="311" height="206"></embed>
</object></td>
</tr>
<tr align="left" valign="top">
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32','','images/home_2.gif',1)"><img src="images/home_1.gif" name="Image32" width="88" height="34" border="0"></a></td>
<td>
<a onmouseover="Menu.doHide(); Menu.show('subnav2');" onmouseout="Menu.hide();" onfocus="blur();" href="01_unternehmen.php"><img src="images/company_2.gif" width="88" height="34" border="0"></a>
<!--<div id="nav2" style="position:absolute; left:88px; top:172px; z-index:1">
<a onmouseover="Menu.doHide(); Menu.show('subnav2');" onmouseout="Menu.hide();" onfocus="blur();" href="01_unternehmen.php"><img src="images/company_2.gif" name="Image33" width="88" height="34" border="0" id="Image33"></a></div> -->
<div id="subnav2" style="position:absolute; left:88px; top:206px; z-index:1000; visibility:hidden;" onmouseover="Menu.show(this.id);" onmouseout="Menu.hide();">
<!--Netscpe 6+ will trigger the events in the layer tag, so the if statement is used to prevent this.-->
<layer onmouseover="if(document.layers)Menu.show('subnav2');" onmouseout="if(document.layers)Menu.hide();">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ImageHRO','','images/company_nl_hro_2.gif',1)"><img src="images/company_nl_hro.gif" width="88" height="34" name="ImageHRO" border="0"></a></td></tr>
<tr><td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('ImageHWI','','images/company_nl_hwi_2.gif',1)"><img src="images/company_nl_hwi.gif" width="88" height="34" name="ImageHWI"border="0"></a></td></tr>
</table>
</layer>
</div>
</td>
<td><a href="02_leistungen.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34','','images/services_2.gif',1)"><img src="images/services.gif" name="Image34" width="88" height="34" border="0"></a></td>
<td><a href="03_service.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35','','images/partners_2.gif',1)"><img src="images/partners.gif" name="Image35" width="88" height="34" border="0"></a></td>
<td><a href="04_kontakt.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image36','','images/contacts_2.gif',1)"><img src="images/contacts.gif" name="Image36" width="87" height="34" border="0"></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
...
...
</table>
</body>
</html> |
Style Sheet:
| Code: | html, body {
height: 100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {
color: #5e5e5e;
font-size: 11px;
font-family: trebuchet ms,tahoma,helvetica;
}
.style4 {
color: #536a81;
font-size: 11px;
font-family: trebuchet ms, tahoma, helvetica;
line-height: 12px;
text-decoration: none;
}
.style5 {
color: #2b5075;
font-size: 10px;
font-family: trebuchet ms,tahoma,helvetica;
}
.style6 {
color: #616161;
font-size: 11px;
font-family: trebuchet ms,tahoma,helvetica;
}
.style7 {
color: #ffffff;
font-size: 11px;
font-family: trebuchet ms, tahoma, helvetica;
text-decoration: none;
}
.style8 {
color: #496179;
font-size: 11px;
font-family: trebuchet ms,tahoma,helvetica;
}
.style9 {color: #666666}
body,td,th {
font-family: trebuchet ms,tahoma,helvetica;
}
a:hover {
text-decoration: underline;
}
.style11 {color: #496179; font-size: 11px; font-family: trebuchet ms,tahoma,helvetica; font-weight: bold; } |
Zuletzt bearbeitet von nighthawk96 am Mi 04.01.2006 03:02, insgesamt 1-mal bearbeitet
|
|
Willkommen auf dem Portal für Mediengestalter
