| Autor |
Nachricht |
Kash
Moderator
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht: 
|
Verfasst Di 30.06.2009 14:07
Titel <hr /> - IE Crossbrowser Problem |
  |
|
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.
|
|
| |
  |
 |
| |
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 30.06.2009 14:39
Titel
|
|
|
|
Das ist afraik das einzige was geht. Würde sich aber auch leicht mit einem klitzekleinen Javascript erledigen lassen, sodass dein Quelltext rein bleibt.
|
|
| |
|
|
Kash
Moderator
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
Verfasst Di 30.06.2009 14:43
Titel
|
|
|
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
|
|
| |
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 30.06.2009 14:46
Titel
|
|
|
|
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>
|
|
| |
|
|
Kash
Moderator
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
Verfasst Di 30.06.2009 15:46
Titel
|
|
|
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
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 30.06.2009 16:52
Titel
|
|
|
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
|
|
| |
 |
|
Kash
Moderator
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
Verfasst Di 30.06.2009 16:59
Titel
|
|
|
auch eine tolle lösung.
dank dir.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Simple Animation Crossbrowser
[javascript] Crossbrowser DOM - Library
Formmailer-Problem-neues problem
IE 7 Problem!
Problem mit IE 6
Problem mit IE
|
|
Willkommen auf dem Portal für Mediengestalter
