mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 07.12.2016 23:41 Benutzername: Passwort: Auto-Login

Thema: Darstellungsproblem Table IE/FireFox nach einfügen von Layer vom 04.01.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Darstellungsproblem Table IE/FireFox nach einfügen von Layer
Autor Nachricht
nighthawk96
Threadersteller

Dabei seit: 22.07.2005
Ort: Im Nordosten Deutschlands
Alter: 39
Geschlecht: Männlich
Verfasst Mi 04.01.2006 01:59
Titel

Darstellungsproblem Table IE/FireFox nach einfügen von Layer

Antworten mit Zitat Zum Seitenanfang

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 02:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Mi 04.01.2006 02:56
Titel

Antworten mit Zitat Zum Seitenanfang

ja. machmal nach

Code:
<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>
den umbruch und alle leerzeichen bis zum kommentar weg (<!--<div id="nav2) und den umbruch und die leerzeichen unmittelbar nach dem kommentar (also zwischen </div> --> und <div id="subnav2"...).

dann klappts.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
nighthawk96
Threadersteller

Dabei seit: 22.07.2005
Ort: Im Nordosten Deutschlands
Alter: 39
Geschlecht: Männlich
Verfasst Mi 04.01.2006 13:01
Titel

Antworten mit Zitat Zum Seitenanfang

danke hat geholfen,

jetzt spinnt der IE nur mit der angegebenen DOC TYPE und zeigt endlos lange Seite mit Hintergrund am Ende an (scrollen ohne Ende)

Aber ohne dieses Doctype soll wohl das Layer Menu Script nicht in Netscape Browsern laufen. immer wieder Rätsel.

Danke dennoch

Chris
  View user's profile Private Nachricht senden
 
Ähnliche Themen Darstellungsproblem im Firefox (!)
CSS und Firefox - Darstellungsproblem?
firefox und layer
Layer bei IE und Firefox verschieben sich
DIV-Layer Darstellng im Firefox
Div Layer wird im firefox nicht angezeigt
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.