mxTabs Centerblock+Darstellungsproblem im IE

Begonnen von SvenW, 29 Oktober 2007, 18:11:41

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

SvenW

Hallo,

habe unter IE 7 Probleme mit dem rechten Rahmen der im  Nirvana verschwindet.

Wollte nun den Block etwas in der Breite reduzieren und mittig zentrieren. Aber leider nimmt der IE7 die CSS Klasse "center" nicht und zeigt den mxTabs Centerblock linksbündig an.

Zu sehen hier: http://www.borderlineart.name/

Kann ich wo und wie noch etwas erweitern, dass der Block im IE7 mittig angezeigt wird?


Gruß

Sven







xmjay

Hi black and white !

Also war grad bei Dir gucken, der Rahmen ist normal, im IE7 und auch FF2.0.8.
Wie der Block in Center gerückt wird, weiß ich nicht, bei meinem Theme (mxbluewave) isser genau da, wo er hingehört.
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

SvenW

Zitat von: PHREAKNATION am 29 Oktober 2007, 19:28:41
Hi black and white !

Also war grad bei Dir gucken, der Rahmen ist normal, im IE7 und auch FF2.0.8.
Wie der Block in Center gerückt wird, weiß ich nicht, bei meinem Theme (mxbluewave) isser genau da, wo er hingehört.


habe ja die breite reduziet und der rahmen ist nun ok. nur ist der block im ie nicht mittig wie im firefox.

hmmmmmm

xmjay

Das ist n Fall für die Experten hier. Mit nem <div align="center"></div> kommste da sicher nicht weiter.
Wenn ich die Lösung wüßte, würd ichs Dir gern schreiben, aber da weiß ich echt nicht weiter. :gruebel:
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

siggi

#4
Zitat von: http://www.issociate.de/board/post/418719/Darstellung_Internet_Explorer_./._Firefox.htmlIm Quirks-Modus versteht der IE7 die Angabe für den Content "margin:0px
auto 0px auto;" nicht, die den content eigentlich zentrieren sollte.

Für das übergeordnete Element (body) "text-align: center" festlegen, damit
zentriert der IE fälschlicherweise auch Blockelemente wie DIVs.

Für alle untergeordneten Elemente muss dann wieder text-align: left
festgelegt werden. Zweckmäßig ist die Regel
body * {text-align: left}

Besser wäre es allerdings, den IE die Seiten im Strict-Modus rendern zu
lassen, dann braucht es keinen Workaround.

Das Webmasterleben wäre ohne den IE um einiges leichter...  :BD:

PS: Im XHTML-Modus verarbeitet auch der IE7 die Anweisung
Zitat
margin:0px auto 0px auto;
richtig und stellt den Block zentriert da  :)
siehe http://www3.sb-websoft.com/
(testweise habe ich mal das Theme SB-mxYAML aktiviert)
Wenn man an Gras zieht wächst es auch nicht schneller.

SvenW

Zitat von: siggi am 29 Oktober 2007, 20:10:51
Zitat von: http://www.issociate.de/board/post/418719/Darstellung_Internet_Explorer_./._Firefox.htmlIm
PS: Im XHTML-Modus verarbeitet auch der IE7 die Anweisung
Zitat
margin:0px auto 0px auto;
richtig und stellt den Block zentriert da  :)
siehe http://www3.sb-websoft.com/
(testweise habe ich mal das Theme SB-mxYAML aktiviert)

Und was sagt pragmaMx und der Rest  Module dazu?  :'(  :smile:




siggi

#6
ZitatUnd was sagt pragmaMx und der Rest  Module dazu?
Das hat erstmal nichts mit dem pragmaMx zu tun, sondern mit der fehlerhaften
Interpretation der margin-Anweisung im IE, wenn die Seite im HTML4-Modus gerendert wird.
Probier' folgendes: Steck' mal den gesamten mxTabs-Bereich in einen Div-Container mit folgenden Änderungen: 
Zitat von: user.php
<div align="center">
<div class="wraptabs" align="left" >
     ... 
     ...
</div>
</div>

Sollte funktionieren, obwohl es eigentlich Flickwerk ist und damit der Block immer
mittig dargestellt wird und die Einstellungen ausgehebelt werden. Wenn's dir hilft...
Der IE-Browser braucht sowieso Paches, Fixes, und Weichen um einigermaßen
kompatible Darstellungen zu liefern. Aber erzähl das mal einen Besucher deiner Seite  :puzzled:
Wenn man an Gras zieht wächst es auch nicht schneller.

SvenW

Hallo Siggi,

mit pragmaMx und Module meinte ich dein CSS Beispiel-Theme. Habe da bei dem Ist-Stand von pragma bei einigen Modulen heftige Darstellungsfehler bei meinem CSS Theme gehabt. Was ich auch nicht geschafft habe ist, die rechten und linken Blöcke auszublenden um Beispielsweise das Forum auf volle Breite zu bringen. Aber wir warten erstmal auf die 2.0!?

Übriges haben die Änderungen in der user.php Abhilfe geschafft, wobei ich am überlegen war, einen extra IE style im Theme zu erstellen und dann einfach eine Klasse ".wraptabs" hinzufüge. Da nun aber die divs nur auf padding reagieren... ist dies auch nur Flickwerk.

Flick Flack... ::)  ;)

Danke fürs lesen!


Gruß

Sven