✔ Conditional Comments & JS Event Handler

P

parawaiter

Mitglied
Hallo,

könnte mir jemand sagen, ob die Browserweiche richtig geschrieben ist oder ob das überhaupt funktionieren kann?


Code: 
<!--[if IE 7]>
document.getElementById('header').style.visibility='hidden';
<![endif]-->

Meine JavaScript Kenntnisse sind leider noch nicht sehr ausgereift :)

danke im Vorraus
 
Schreibs mal so herum ;)
Code: 
<!--[if IE 7]>
<script type="text/javascript">
document.getElementById('header').style.visibility='hidden';
</script>
<![endif]-->
 
Das haut leider auch nicht hin, ich benutze als Editor Phase 5 mit integrierter JavaScript
Kontrolle.
Als Ergebniss wird angezeigt, dass ein Objekt erforderlich ist, obwohl ich sowohl in
den Stylesheets als auch im Tag eine ID angegeben habe.:confused:

Hat vielleicht noch jemand eine Idee?

Hier nochmal der Code mit Css und Html:

Code: 
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
#header {visibility:visible;}

div.header_start {background-image: url(layout_1/header.png);}
div.space-top_start {background-image: url(layout_1/space-top_start.png);}
div.body-bottom_start {background-image: url(layout_1/body-bottom_start.png);}


-->
</style>

<!--[if IE 7]>
<script type="text/javascript">
document.getElementById('header').style.visibility='hidden';
</script>
<![endif]-->



</head>
<body leftmargin="0" topmargin="0" rightmargin="0" style="background-image:url(backgrounds/bild_1.jpg);">

<div align="center" style="width: 100%; height: 100%; border: solid 1px #000000; position: absolute; ">


  <div style="width: 1000px; height: 500px; background-color: #; margin: 0 auto;">

    <div class="header_start" id="header" style="width: 1000px; height: 113px; background-color: #cccccc; margin: 0 auto;"></div>
  </div>


</div>

</body>
</html>
 
Hi,

setz den "CC" mit dem Script ans Dokumentende:

Code: 
<!--[if IE 7]>
<script type="text/javascript">
document.getElementById('header').style.visibility='hidden';
</script>
<![endif]-->
</body>
</html>
oder regel es mit CSS im Dokumentheader:

Code: 
<style type="text/css">
<!--
#header {visibility:visible;}

div.header_start {background-image: url(layout_1/header.png);}
div.space-top_start {background-image: url(layout_1/space-top_start.png);}
div.body-bottom_start {background-image: url(layout_1/body-bottom_start.png);}
-->
</style>
<!--[if IE 7]>
<style type="text/css">
#header {visibility:hidden;}
</style>
<![endif]-->
 
Unabhängig vom verwendeten "CC" ist beim Aufruf des Scripts im Dokumentheader das DIV #header im Dokumentkörper noch nicht bekannt.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück