Layout-Fehler im Internet Explorer

  • Seite 10 von 12
05.01.2012 16:15
avatar  .BiL.
#136 RE: Layout-Fehler im Internet Explorer
avatar
Mitglied

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.

 Antworten

 Beitrag melden
12.08.2013 14:10 (zuletzt bearbeitet: 12.08.2013 14:14)
#137 Layout-Fehler im Internet Explorer 7
avatar
Mitglied

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

12.08.2013 15:25
#138 RE: Layout-Fehler im Internet Explorer 7
avatar
Junior Techniker
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.

Viele Grüße,
Vasileios


 Junior-Technik


 Antworten

 Beitrag melden
12.08.2013 17:10
#139 RE: Layout-Fehler im Internet Explorer
avatar
Mitglied

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}}

12.08.2013 17:50
#140 RE: Layout-Fehler im Internet Explorer 7
avatar
Mitglied

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]→

12.08.2013 19:12
avatar  Olaf
#141 RE: Layout-Fehler im Internet Explorer 7
Ol
Mitglied

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

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
13.08.2013 12:09
#142 RE: Layout-Fehler im Internet Explorer 7
avatar
Junior Techniker
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.

Viele Grüße,
Vasileios


 Junior-Technik


 Antworten

 Beitrag melden
13.08.2013 17:50
#143 RE: Layout-Fehler im Internet Explorer 7
avatar
Mitglied

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

14.08.2013 01:45
#144 RE: Layout-Fehler im Internet Explorer 7
avatar
Mitglied

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

15.08.2013 02:17
#145 RE: Layout-Fehler im Internet Explorer 7
avatar
Mitglied

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!

1
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

15.08.2013 12:05
#146 RE: Layout-Fehler im Internet Explorer 7
avatar
Junior Techniker
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.

Viele Grüße,
Vasileios


 Junior-Technik


 Antworten

 Beitrag melden
15.08.2013 14:26 (zuletzt bearbeitet: 15.08.2013 14:28)
#147 RE: Layout-Fehler im Internet Explorer 7
avatar
Mitglied

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

15.08.2013 14:41
#148 RE: Layout-Fehler im Internet Explorer 7
avatar
Junior Techniker
Muttersprache: Griechisch

Ich habe schon geguckt deiner Forum und alles ist Perfekt wie so muss sein. Auf jede Fall der Problem mit z-index in IE7 ist schwierig, unabhängig welche Lösung kann man benutzen.

Viele Grüße,
Vasileios


 Junior-Technik


 Antworten

 Beitrag melden
15.08.2013 15:02
avatar  Romulus
#149 RE: Layout-Fehler im Internet Explorer 7
avatar
Mitglied

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!

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
15.08.2013 18:45 (zuletzt bearbeitet: 15.08.2013 18:46)
avatar  Olaf
#150 RE: Layout-Fehler im Internet Explorer 7
Ol
Mitglied

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

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!