Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Layout-Fehler im Internet Explorer
Sorry, hab die Antwort eben erst entdeckt.
Das könnte es wirklich sein!
Hab die Nutzerin informiert - bin gespannt auf die Reaktion...
Dank und Gruß, BiL
Viele Grüße .BiL.
Friends of Xobor
Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.
#137 Layout-Fehler im Internet Explorer 7
Da bei uns der IE7 noch Verwendung findet, möchte ich hier die Frage stellen.
Die Aktivity Feeds wurden im Standard-Template immer korrekt angezeigt.
Im Business-Template hingegen bricht die Tabelle nach unten aus (Bild2), überschreibt alles und scrollen kann man nur die Zeilenlinien.
Den Effekt kann man auch durch den Kompabilitätsmodus (rechts neben der Adressleiste, Bild1) simulieren.
Kann man hier etwas machen?
Ich habe versucht die Höhe einzustellen, aber nicht hinbekommen!
Hier (vorher Kom.-Modus einschalten): http://www.hilfe-tricks-tipps.de/portal.html
Muttersprache: Griechisch
das ist ein CSS Problem und vielleicht das hat zu tun mit z-index. Der z-index ist problematisch für älter IE 7( und 8 ) Version. Ich glaube der Höhe spielt kein Rolle. In IE 7 der z-index Funktioniert zusammen mit Position " absolute " oder " relative ". Ich glaube auch du brauchst CSS nur für IE 7 wie....
<!--[if IE 7]>
CSS Code.
<![endif]→
Du kannst diese folge Link :
http://stackoverflow.com/questions/10226...ie7-z-index-bug
dass ist ein gute Beispiel was kann man machen in diese Situation.
Das Textfeld "Kommentar verfassen" rutscht in der Bildergalerie ganz nach außen an den Rand.
Lösung:
*
*
*
{{user_registered==false.end}}
</div>
</div>
{{can_comment_pic==true.start}}
<div class="box">
<div class="boxheader"><a name="com_create" class="cat">Kommentar verfassen</a></div>
*
*
*
</form>
</div>
</div>
</div>
</div>
{{can_comment_pic==true.end}}
{{guest_nocomments==true.end}}
Zitat von vasileios im Beitrag #138
das ist ein CSS Problem und vielleicht das hat zu tun mit z-index. Der z-index ist problematisch für älter IE 7( und 8 ) Version. Ich glaube der Höhe spielt kein Rolle. In IE 7 der z-index Funktioniert zusammen mit Position " absolute " oder " relative ". Ich glaube auch du brauchst CSS nur für IE 7 wie....
<!--[if IE 7]>
CSS Code.
<![endif]→
Du kannst diese folge Link :
http://stackoverflow.com/questions/10226...ie7-z-index-bug
dass ist ein gute Beispiel was kann man machen in diese Situation.
CSS-Code nur für IE7, dass ist gut, aber ich finde keinen passenden Eintrag.
<!--[if IE 7]>
CSS Code.
<![endif]→
Den z-index Bug für den IE 7 gibt es auch in Jquery:
2
3
4
5
6
7
8
9
10
11
<!--[if IE 7 ]>
<script>
$(function() {
var zIndexFix = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexFix);
zIndexFix -= 10;
});
});
</script>
<![endif]-->
Gruß
Olaf
Muttersprache: Griechisch
Hallo,
Olaf hat ein gute Lösung mit Jquery geschrieben. Wenn du Css Code nur für IE7 schreibst, Du kannst auch mit:
(in Template ganz oben)
<style>
<!--[if IE 7]>
CSS Code.
<![endif]→
</style>
oder in CSS Datei direkt :
(Layout > Farben & Einstellungen > CSS)
<!--[if IE 7]>
CSS Code.
<![endif]→
Deine Problem ist relative schwierig. Nur weniger benutzen jetzt IE7 und bis ende des Jahres von Microsoft es gibt kein Support für XP und IE 7.
Ich empfehle dich der Methode von Olaf benutzen, ich glaube ist besser wie meiner.
Zitat von Olaf im Beitrag #141
Den z-index Bug für den IE 7 gibt es auch in Jquery:1
2
3
4
5
6
7
8
9
10
11
<!--[if IE 7 ]>
<script>
$(function() {
var zIndexFix = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexFix);
zIndexFix -= 10;
});
});
</script>
<![endif]-->
Gruß
Olaf
Wow,
die Menüauswahl funktioniert dadurch viel besser, leider spricht mein Online-Menü nicht mehr an (unten links).
Wie würde die CSS dazu aussehen?
Schon mal besten Dank im Voraus
Zitat von wolf.andres im Beitrag #137
Da bei uns der IE7 noch Verwendung findet, möchte ich hier die Frage stellen.
Die Aktivity Feeds wurden im Standard-Template immer korrekt angezeigt.
Im Business-Template hingegen bricht die Tabelle nach unten aus (Bild2), überschreibt alles und scrollen kann man nur die Zeilenlinien.
Den Effekt kann man auch durch den Kompabilitätsmodus (rechts neben der Adressleiste, Bild1) simulieren.
Ich habe eine Möglichkeit gefunden:
Da bis jetzt für mich keine umsetzbare Lösung in Sicht war, habe ich gedacht, einfach die Activty Feeds für IE7 auszublenden. Es funktioniert!
Die Startseite sieht jetzt wieder annehmbar aus.
<!--[if IE 7 ]>
<style type="text/css">
.xFeedContainer {display:none;}
</style>
<![endif]→
Hier (vorher Kom.-Modus einschalten): http://www.hilfe-tricks-tipps.de/portal.html
PS: Jetzt fehlt nur noch eine praktikable Lösung für die Navigation
Zitat von Olaf im Beitrag #141
Den z-index Bug für den IE 7 gibt es auch in Jquery:1
2
3
4
5
6
7
8
9
10
11
<!--[if IE 7 ]>
<script>
$(function() {
var zIndexFix = 1000;
$('div').each(function() {
$(this).css('zIndex', zIndexFix);
zIndexFix -= 10;
});
});
</script>
<![endif]-->
Hallo Olaf,
ich habe im Internet eine ähnliche Version gefunden, bei der auch meine Online-Leiste funktioniert!
2
3
4
5
6
7
8
9
10
11
<!--[if IE 7 ]>
<script>
jQuery(function() {
var intIndex = 999999;
jQuery('div').each(function() {
jQuery(this).css('zIndex', intIndex); intIndex -= 10;
});
});
</script>
<![endif]-->
Bis dann
Wolf
Muttersprache: Griechisch
Ich habe in Internet eine Mögliche Lösung mit nur CSS gefunden. Und hat zu tun mit " Drop down menu " und ist genau so wie dein Problem. Bitte Sie folge der Link :
http://jonathanstegall.com/2009/01/15/ie...-dropdown-menu/
Auf jede Fall die CSS muss mit <!--[if IE 7 ]>........<![endif]→ sein.
#147 RE: Layout-Fehler im Internet Explorer 7
Zitat von vasileios im Beitrag #146
Ich habe in Internet eine Mögliche Lösung mit nur CSS gefunden. Und hat zu tun mit " Drop down menu " und ist genau so wie dein Problem. Bitte Sie folge der Link :
http://jonathanstegall.com/2009/01/15/ie...-dropdown-menu/
Auf jede Fall die CSS muss mit <!--[if IE 7 ]>........<![endif]→ sein.
Hallo Vasileios,
mal wieder besten Dank!
Ich habe mir den Link angesehen.
Für mich sehr aufwendig und schwer umzusetzen.
Mit dem JQuery war schon mal das z-index-Problem gelöst. Wenn man den Kompatibilitätsmodus eingeschaltet hat konnte man auch sehen, dass die Menüzeilen beim Überfahren immer an und abgeschaltet wurden, die Schrift verschwand und somit das Menü sich ziemlich unruhig zeigte. Ich habe mir gedacht, dass man beim Überfahren mit der Maus die Elemente "display:block" und "color:#ffffff" irgendwie einbinden muss.
Hier die Lösung für das Business-Template:
Kann mal wieder unter "Eigener CSS-Code" eingetragen werden.
<!--[if IE 7 ]>
.navigation {color:#ffffff !important;}
.navigation span {color:#ffffff !important;display:block !important;}
<![endif]→
Das Menü ist jetzt sehr ruhig und präzise beim Öffnen.
Siehe hier (vorher Kom.-Modus einschalten): http://www.hilfe-tricks-tipps.de
Ich habe für die Layout-Anpassung IE-7 eine Zusammenfassung erstellt, die nur in die "Eigene CSS" eingetragen werden braucht.
Wer möchte, kann sie hier einsehen: Layout-Anpassung für den IE7 im Business Template
Bis dann
Muttersprache: Griechisch
Zitat von wolf.andres im Beitrag #147
Ich habe für die Layout-Anpassung IE-7 eine Zusammenfassung erstellt, die nur in die "Eigene CSS" eingetragen werden braucht.
Wer möchte, kann sie hier einsehen: Layout-Anpassung für den IE7 im Business Template
Großartige Arbeit!
Ich habe eben den CSS-Code für den Activity-Feed eingefügt und schwupps, da klappt es auch im Kompatibilitätsmodus für IE7!
Danke vielmals - natürlich auch an vasileios!
#150 RE: Layout-Fehler im Internet Explorer 7
Zitat von vasileios im Beitrag #148
Auf jede Fall der Problem mit z-index in IE7 ist schwierig, unabhängig welche Lösung kann man benutzen.
Da muß man schon selber etwas mit den "z-index" und "position" experimentieren,um die Anzeigen der verschiedenen Layer auf der richtigen Position zu bekommen.
Diese Möglickeit zum testen habe ich nicht,da ich den Steinzeit Browser IE7 nicht mehr habe und ihn auch auf keinen Fall mehr haben möchte.
Gruß
Olaf
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software