[CSS] width: expression(this.parentNode.offsetWidth) im Internet Explorer

Maggus1992 · 19. Januar 2010

width: expression(this.parentNode.offsetWidth) im Internet Explorer

Hallo Leute!

Ich hab mal wieder ein Problem festgestellt...
Ich bin Webmaster der Seite von der Jugendkirche Lippstadt-Hellweg und benutze Joomla.
(http://www.jugendkirche-lippstadt.de)

Jetzt zu meinem Problem:
Ich habe festgestellt das die Homepage in Mozilla Firefox perfekt geladen wird und auch ohne probleme angezeigt wird.
Doch ich habe jetzt von einem Kollegen mitbekommen das es mit dem Internet Explorer darstellungsprobleme gibt.

Ich weiß leider nich woran das liegen könnte. da es in dem Template das ich benutze extra für IE eigene CSS Dateien gibt.
Und in der HTML Datei steht ja auch eine abfrage:

Ich hoffe ihr könnt mir weiterhelfen, da es sich hier um eine offizielle Seite handelt und das schon wichtig is das da alles richtig läuft.

MFG Markus

Anzeige

iraki · 19. Januar 2010

AW: Pobleme mir der Darstellung im Internet Explorer

magst du mir bitte schildern, was für Darstellungsprobleme? meinst du dass das Bild nicht angezeigt wird? Weil anderweitige Probleme konnte ich mit meinem IE nicht erkennen

Maggus1992 · 19. Januar 2010

AW: Pobleme mir der Darstellung im Internet Explorer

nein nicht nur die bilder bei mir und anderen isses auch so das unten etwas von der seite fehlt und text fehlt auch...
das ist doch nich normal oder?

iraki · 19. Januar 2010

AW: Pobleme mir der Darstellung im Internet Explorer

Ja ist mir auch grad aufgefallen, wollte mein Beitrag editieren, aber irgendwie laggt raidrush grad heftigst.
Was ich schreiben wollte:
Könntest du vllt. das css speziell für die IE's hier vllt posten?

gruß IraKi

Maggus1992 · 19. Januar 2010

AW: Pobleme mir der Darstellung im Internet Explorer

Also das is die für IE7

.art-Sheet-tl
{
clip: rect(auto 33px 33px auto);
}

.art-Sheet-tr
{
clip: rect(auto auto 33px 33px);
}

.art-Sheet-bl
{
clip: rect(33px 33px auto auto);
}

.art-Sheet-br
{
clip: rect(33px auto auto 33px);
}

.art-Sheet-tc
{
clip: rect(auto auto 33px auto);
}

.art-Sheet-bc
{
clip: rect(33px auto auto auto);
}

.art-Sheet-cr
{
clip: rect(auto auto auto 33px);
}

.art-Sheet-cl
{
clip: rect(auto 33px auto auto);
}

.art-nav .r
{ clip: rect(auto auto auto 931px);
}

.art-menu a .r
{
clip: rect(auto auto auto 401px);
}

.art-BlockHeader .r
{
clip: rect(auto auto auto 931px);
}

.art-BlockContent-tl
{
clip: rect(auto 1px 1px auto);
}

.art-BlockContent-tr
{
clip: rect(auto auto 1px 1px);
}

.art-BlockContent-bl
{
clip: rect(1px 1px auto auto);
}

.art-BlockContent-br
{
clip: rect(1px auto auto 1px);
}

.art-BlockContent-tc
{
clip: rect(auto auto 1px auto);
}

.art-BlockContent-bc
{
clip: rect(1px auto auto auto);
}

.art-BlockContent-cr
{
clip: rect(auto auto auto 1px);
}

.art-BlockContent-cl
{
clip: rect(auto 1px auto auto);
}

.art-PostContent
{
height:1%;
}

.art-button-wrapper .r
{
clip: rect(auto auto auto 403px);
}

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Und das ist der für IE6

img
{
filter:expression(fixPNG(this));
}

.art-Sheet, .art-Sheet-body
{
zoom:1;
}

.art-Sheet-body
{
position:static;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
font-size: 1px;
background: none;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/Sheet-s.png',sizingMethod='scale')");
}

.art-Sheet-tl
{
clip: rect(auto 33px 33px auto);
}

.art-Sheet-tr
{
left: expression(this.parentNode.offsetWidth-66+'px');
clip: rect(auto auto 33px 33px);
}

.art-Sheet-bl
{
top: expression(this.parentNode.offsetHeight-66+'px');
clip: rect(33px 33px auto auto);
}

.art-Sheet-br
{
top: expression(this.parentNode.offsetHeight-66+'px');
left: expression(this.parentNode.offsetWidth-66+'px');
clip: rect(33px auto auto 33px);
}

.art-Sheet-tc, .art-Sheet-bc
{
width: expression(this.parentNode.offsetWidth-66+'px');
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/Sheet-h.png',sizingMethod='scale')");
}

.art-Sheet-tc
{
clip: rect(auto auto 33px auto);
}

.art-Sheet-bc
{
top: expression(this.parentNode.offsetHeight-66+'px');
clip: rect(33px auto auto auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
height: expression(this.parentNode.offsetHeight-66+'px');
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/Sheet-v.png',sizingMethod='scale')");
}

.art-Sheet-cr
{
left: expression(this.parentNode.offsetWidth-66+'px');
clip: rect(auto auto auto 33px);
}

.art-Sheet-cl
{
clip: rect(auto 33px auto auto);
}

.art-Sheet-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-66+'px');
height: expression(this.parentNode.offsetHeight-66+'px');
background-color: #F3F1E7;
}
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
width:expression(document.body.clientWidth > 945 ? "100%" : "945px");
}

.art-menu ul
{
height: 1%;
width:1px;
}

.art-menu, .art-menu ul
{
height: 1%;
}

.art-menu li.art-menuhover
{
z-index: 10000;
}

.art-menu .art-menuhoverUL
{
visibility: visible;
}

.art-menu .art-menuhoverUL
{
top: 100%;
left: 0;
}

.art-menu .art-menuhoverUL .art-menuhoverUL
{
top: 0;
left: 100%;
}

.art-menu ul a
{
height: 1%;
}

.art-menu li li
{
float: left;
width: 100%;
}

.art-menu .art-menuhoverUL .art-menuhoverUL
{
top: 5px;
left: 100%;
}

.art-menu, .art-menu ul
{
height: 1%;
}

.art-menu li.art-menuhover
{
z-index: 10000;
}

.art-menu .art-menuhoverUL
{
visibility: visible;
}

.art-menu .art-menuhoverUL
{
top: 100%;
left: 0;
}

.art-menu .art-menuhoverUL .art-menuhoverUL
{
top: 0;
left: 100%;
}

.art-menu ul a
{
height: 1%;
}

.art-menu li li
{
float: left;
width: 100%;
}

.art-nav
{
zoom: 1;
}

.art-nav .l, .art-nav .r
{
font-size: 1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/nav.png',sizingMethod='crop')");
}

.art-nav .l
{
width: expression(this.parentNode.offsetWidth-0+'px');
}

.art-nav .r
{
left: expression(this.parentNode.offsetWidth-931+'px');
clip: rect(auto auto auto 931px);
}

.art-menu a
{
float:left;
}

.art-menu a:hover
{
visibility:visible;
}

.art-menu a .r, .art-menu a .l
{
font-size:1px;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/MenuItem.png',sizingMethod='crop')");
}

.art-menu a .r
{
left: expression(this.parentNode.offsetWidth-402+'px');
clip: rect(auto auto auto 401px);
}

.art-menu a .l
{
width: expression(this.parentNode.offsetWidth-1+'px');
}

.art-menuhover .art-menuhoverA .t
{
color: #E5E7E4;
}

.art-menuhover .art-menuhoverA .l, .art-menuhover .art-menuhoverA .r
{
top: -31px;
}

.art-menu ul a
{
color: #F6F5EE !important;
}

.art-menu ul a:hover {
color: #EDD47E !important;
}

.art-menu ul .art-menuhover .art-menuhoverA
{
color: #EDD47E !important;
background-position: 0 -32px;
}

.art-nav .art-menu ul a:hover span, .art-nav .art-menu ul a:hover span span
{
color: #EDD47E !important;
}

.art-nav .art-menu ul .art-menuhover .art-menuhoverA span, .art-nav .art-menu ul .art-menuhover .art-menuhoverA span span
{
color: #EDD47E !important;
}

.art-Block, .art-Block-body
{
zoom:1;
}

.art-Block-body
{
position:static;
}

.art-BlockHeader, .art-BlockHeader
{
font-size: 1px;
}
.art-BlockHeader .l, .art-BlockHeader .r
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/BlockHeader.png',sizingMethod='crop')");
}

.art-BlockHeader .r
{
left: expression(this.parentNode.offsetWidth-931+'px');
clip: rect(auto auto auto 931px);
}

.art-BlockHeader .l
{
width: expression(this.parentNode.offsetWidth-0+'px');
}

.art-header-tag-icon
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/BlockHeaderIcon.png',sizingMethod='crop')");
}

.art-BlockContent, .art-BlockContent-body
{
zoom:1;
}

.art-BlockContent-body
{
position:static;
}

.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
{
font-size: 1px;
background: none;
}

.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
{
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/BlockContent-s.png',sizingMethod='scale')");
}

.art-BlockContent-tl
{
clip: rect(auto 1px 1px auto);
}

.art-BlockContent-tr
{
left: expression(this.parentNode.offsetWidth-2+'px');
clip: rect(auto auto 1px 1px);
}

.art-BlockContent-bl
{
top: expression(this.parentNode.offsetHeight-2+'px');
clip: rect(1px 1px auto auto);
}

.art-BlockContent-br
{
top: expression(this.parentNode.offsetHeight-2+'px');
left: expression(this.parentNode.offsetWidth-2+'px');
clip: rect(1px auto auto 1px);
}

.art-BlockContent-tc, .art-BlockContent-bc
{
width: expression(this.parentNode.offsetWidth-2+'px');
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/BlockContent-h.png',sizingMethod='scale')");
}

.art-BlockContent-tc
{
clip: rect(auto auto 1px auto);
}

.art-BlockContent-bc
{
top: expression(this.parentNode.offsetHeight-2+'px');
clip: rect(1px auto auto auto);
}

.art-BlockContent-cr, .art-BlockContent-cl
{
height: expression(this.parentNode.offsetHeight-2+'px');
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/BlockContent-v.png',sizingMethod='scale')");
}

.art-BlockContent-cr
{
left: expression(this.parentNode.offsetWidth-2+'px');
clip: rect(auto auto auto 1px);
}

.art-BlockContent-cl
{
clip: rect(auto 1px auto auto);
}

.art-BlockContent-cc
{
font-size: 1px;
width: expression(this.parentNode.offsetWidth-2+'px');
height: expression(this.parentNode.offsetHeight-2+'px');
background-color: #EEEBDD;
}

.art-BlockContent-body ul li
{
height:1%;
background:none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/BlockContentBullets.png',sizingMethod='crop')");
}

.art-Post, .art-Post-body
{
zoom:1;
}

.art-Post-body
{
position:static;
}

h1
{
margin: 0.67em 0;
}

h2
{
margin: 0.8em 0;
}

h3
{
margin: 1em 0;
}

h4
{
margin: 1.25em 0;
}

h5
{
margin: 1.67em 0;
}

h6
{
margin: 2.33em 0;
}

.art-Post ul li, .art-Post ol ul li
{
height:1%;
background:none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/PostBullets.png',sizingMethod='crop')");
}

.art-Post ul ol li
{
background:none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="");
}

blockquote
{
height:1%;
background-image: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/PostQuote.png',sizingMethod='crop')");
}

.art-button-wrapper .art-button
{
display:list-item;
list-style-type:none;
float:left;
}

.art-button-wrapper, .art-button-wrapper .l, .art-button-wrapper .r
{
font-size: 1px;
}

.art-button-wrapper .art-button
{
float:left;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/Button.png',sizingMethod='crop')");
}

.art-button-wrapper .r
{
left: expression(this.parentNode.offsetWidth-417+'px');
clip: rect(auto auto auto 403px);
}

.art-button-wrapper .l
{
width: expression(this.parentNode.offsetWidth-14+'px');
}

.art-Footer .art-Footer-background
{
top: expression(this.parentNode.offsetHeight-150+'px');
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/Footer.png',sizingMethod='crop')");
zoom: 1;
font-size:1px;
}

.art-rss-tag-icon
{
zoom:1;
font-size:1px;
background:none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid XImageTransform.Microsoft.AlphaImageLoader(src='" + GetStyleUrl()+"../images/livemarks.png',sizingMethod='crop')");
}

form#form-login ul li
{
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="");
}

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Sn0wm4n · 19. Januar 2010

AW: Pobleme mir der Darstellung im Internet Explorer

Hallo,

lass die Seite mal auf validate.w3.org validieren. Da kommen einige Fehler, die teilweise auch mit den eingebundenen Flash-Dateien zu tun haben.

Beispiel:
Error Line 263, Column 171: end tag for "object" omitted, but OMITTAG NO was specified

HTML:

<div>
 <a href="http://www.lippstadt-jugendkirche.de/index.php/programm/bandfestival-20">
 <object data="/images/Flash/BandHeader/Flash/main.swf" width="550" height="60">
 </a>
</div>

Behebe die gröbsten Fehler, das sollte schon helfen.

// edit #1
Bitte pack die CSS-Angaben im letzten Post in einen Hide-Tag - sonst scrollt man sich ja zu Tode.

@ Epidrome: Javascript-Fehler

Epidrome · 20. Januar 2010

AW: Pobleme mir der Darstellung im Internet Explorer

Hi,
mit den validate hat Sn0 Recht.

Habe jetzt gesehen - oder bei mir sind man ein Effekt was glaube ich keinen aufgefallen ist.
Im Firefox sieht alles gut aus, aber in IE ist glaube ich die Bilder und die Texte irgendwie verschoben, überschnitten, versteckt. KA wie man das beschreiben oder nennen sollte.

Ich konnte gerade im IE ganz unten rechts im grauen Bereich im background irgendwas mit der maus markieren, obwohl da kein Text ist.

Also, behebe das Problem mit Valid (html, css).
Dann java Fehler in der Zeile 319 $(document).ready(
das funktioniert nicht, zu mindest wird bei mir Fehler gemeldet.

Code:
Nicht Valid:

Code:

<p><object data="/.../main.swf" width="620" height="300"></p>

Valid:

Code:

<p><object data="/../main.swf" width="620" height="300" /></p>

Murdoc · 20. Januar 2010

AW: Pobleme mir der Darstellung im Internet Explorer

@Epidrome

beides nicht valid. <object ... /> vielleicht für XML aber für XHTML gibts keine verkürzung.

valid:

HTML:

<object data="..." ></object>

Epidrome · 20. Januar 2010

AW: Pobleme mir der Darstellung im Internet Explorer

@Murdoc
sicher ????

Code:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>
<title>Test</title>
</head>
<body>
<p><object data="/images/Flash/BilderStartseite/Flash/main.swf" width="620" height="300" /></p>
</body>
</html>

Keiner Meldung und das bei xhtml1-strict.dtd.
Kläre mich bitte auf, warum er nichts meckert, würde mich gern wissen (man lernt dazu ?

Murdoc · 20. Januar 2010

AW: Pobleme mir der Darstellung im Internet Explorer

weil xhtml als xml validiert wird. und da kannst du alle tags so verkürzen.
da aber xhtml im grunde immer durch den html-parser gejagt wird, weil echtes xhtml nur in mozillas durch den xml-parser wandern KANN wenn man application/xhtml+xml erzwingt (auf server-seite), wird das sehr warschl. zu darstellungsfehlern führen.

Maggus1992 · 20. Januar 2010

AW: width: expression(this.parentNode.offsetWidth) im Internet Explorer

also die meisten fehler habe ich jetzt raus...
bis auf die

HTML:

<input type="hidden" name="Itemid" value=1 />

da weiß ich nich wo ich das finden sollte

jetzt wird die seite auch vollständig geladen nur die eingebundenen flash dateien passen nich richtig

Epidrome · 20. Januar 2010

AW: width: expression(this.parentNode.offsetWidth) im Internet Explorer

HTML:

<input type="hidden" name="Itemid" value="1" />

Maggus1992 · 20. Januar 2010

AW: width: expression(this.parentNode.offsetWidth) im Internet Explorer

weiß zufällig noch einer wo ich das finden kann?

DavyDave · 20. Januar 2010

AW: width: expression(this.parentNode.offsetWidth) im Internet Explorer

Jop.

Das findest du hier:

../modules/mod_search/tmpl/default.php

So sollte es eigentlich drinstehen (ganz unten):

PHP:

 
<input type="hidden" name="Itemid" value="<?php  echo  $mitemid ;  ?>" />

Nebenbei, welche Version von Joomla! benutzt du?

Maggus1992 · 20. Januar 2010

AW: width: expression(this.parentNode.offsetWidth) im Internet Explorer

oke danke
ich hab die dumme suche jetzt einfach rausgeworfen aber trotzdem danke
jetzt kann mit vielleicht noch einer sagen woran das liegen kann das die flash objecte nich ordentlich angezeigt werden? also im IE?
hab den code jetzt soweit fehlerfrei

DavyDave · 22. Januar 2010

AW: width: expression(this.parentNode.offsetWidth) im Internet Explorer

So aus dem Stehgreif kann ich dir zu deinem Problem auch nichts sagen, jedenfalls füg die Zeile noch ein:

<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />

Dann ist die Warnung bei der Validierung weg ^^

Nützliche Suchen

[CSS] width: expression(this.parentNode.offsetWidth) im Internet Explorer

Videos zum Themenbereich