mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 17:05 Benutzername: Passwort: Auto-Login

Thema: <hr /> - IE Crossbrowser Problem vom 30.06.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> <hr /> - IE Crossbrowser Problem
Autor Nachricht
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 30.06.2009 14:07
Titel

<hr /> - IE Crossbrowser Problem

 Antworten mit Zitat Zum Seitenanfang
Halloo zusammen,

jeder von euch kennt es. Der IE behandelt das <hr> Element anders als andere Browser.

Es geht um den Rahmen den der IE zusätzlich anzeigt und nur mittels

Code:

* html hr {
  color:#foo;
}


zu entfernen ist.

Jetzt ist es so das ich <hr /> eine Hintergrundgrafik geben möchte die allerdings dann im IE nicht mehr angezeigt wird.

Ist jemanden von euch dazu ein Workaround / Lösung bekannt?

Wenn möglich kein zusätzliches <div> darum basteln und <hr> auf hidden stellen.
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 30.06.2009 14:39
Titel

Antworten mit Zitat Zum Seitenanfang
Das ist afraik das einzige was geht. Würde sich aber auch leicht mit einem klitzekleinen Javascript erledigen lassen, sodass dein Quelltext rein bleibt.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 30.06.2009 14:43
Titel

Antworten mit Zitat Zum Seitenanfang
an javascript hatte ich auch gedacht.
nur machen da screenreader für blinde bspweise mit?

ich meine, nicht das dann keine trennung der einzelnen absätze entsteht.

Zuletzt bearbeitet von Kash am Di 30.06.2009 14:44, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 30.06.2009 14:46
Titel

Antworten mit Zitat Zum Seitenanfang
Ist doch scheiß egal. Wenn du alle <hr> suchst und per js ein <div> drumlegst, sollte es passen. Und andere clients sehen halt nur ein <hr>
  View user's profile Private Nachricht senden
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 30.06.2009 15:46
Titel

Antworten mit Zitat Zum Seitenanfang
haste recht

habe es jetzt so gemacht

JScript

Code:

<script type="text/javascript">
   <!--
      function findhr() {
          var hr = document.getElementsByTagName("hr");
         for (var i=0; i<hr.length; i++) {
             //alert("da");
         var newhr = hr[i];
             var wrap = document.createElement('div');
             wrap.className = 'hr'; 
             newhr.parentNode.replaceChild(wrap, newhr); 
             wrap.appendChild(newhr); 
           }
       }
      window.onload = findhr;
   //-->
   </script>


CSS
Code:

div#wrapper #leftCol #content hr {
   margin:auto;
   width:40em;
   height:1.7em;
   border:none;
   background:#fff url(foo.jpg) top center no-repeat;
}

div#wrapper #leftCol #content div.hr {
   margin:auto;
   width:40em;
   height:1.7em;
   border:none;
   background:#fff url(foo.jpg) top center no-repeat;
}

div#wrapper #leftCol #content div.hr hr {
   display:none;
}


einzigste was mich an der lösung stört, ist das der rahmen für sekundenbruchteile zu sehen ist bis das script greift.
bei mehreren <hr /> dauert es umso länger
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 30.06.2009 16:52
Titel

Antworten mit Zitat Zum Seitenanfang
Aus den bookmarks, nie genauer angesehen: http://dero.name/stuff/hr/reseni.html

Zuletzt bearbeitet von m am Di 30.06.2009 16:54, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 30.06.2009 16:59
Titel

Antworten mit Zitat Zum Seitenanfang
*Thumbs up!*

auch eine tolle lösung.
dank dir.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Simple Animation Crossbrowser
[javascript] Crossbrowser DOM - Library
Formmailer-Problem-neues problem
Problem mit png fix im IE6
Problem mit q und @
Problem mit IE7
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB