Thema: JA_purity Darstellung IE

Hallo liebe Forumsteilnehmer,

ich habe ein Problem mit meiner Seite http://www.debat.in/Debatin/

Sie wird einfach nicht richtig in verschiedenen IE Versionen dargestellt. (Getestet bei Browsershots) Ich habe es versucht mit euren Tipps dies abzustellen - leider ohne Erfolg...

Ich würde mich sehr freuen wenn mir einer von euch unter die Arme greifen könnte.. (Würde auch per PM BN und PW vom Fileserver schicken) Ihr würdet mir hier einen sehr sehr großen gefallen tun.

Verzweifelte Grüße

Tim
Joomla Version: Version 1.5.20
Template: JA_purity

Du musst nicht mehr tun als in deiner CSS sogenannte "Browser-Hacks" zu nutzen.

Das heist.

Schreibe einfach z.B. unter

Code:

   padding: XY px;
   *padding: XY px;

Das "*" funktioniert mit allen Style-Angaben.
Was bewirkt es.
Normale Browser (FF, Chrome etc.) erkennen einen "bug" in der CSS und übersringen diesen Style mit dem * . Dem "dumme" Internet Explorer hingegen ist es egal und er nimmt den STyle an.

Jedoch musst du beachten dass der IE Hack (*) immer NACH dem Normalen Style kommt, also nie

Code:

   *padding: XY px;
   padding: XY px;

sondern immer

Code:

   padding: XY px;
   *padding: XY px;

MFG Plopo

Du musst es in der passenden CSS, bei dem DIv was sich im IE verschiebt einsetzen.

Natürlich musst du das "XY" mit Zahlen anpassen, so dass dein Menü im IE richitg platziert ist.

Die passende CSS und das Div findest du im FireFox mit dem Addon "Firebug"

MFG Plopo

Gut das sich die Kunden gerade viel Zeit lassen mit neuen Daten

Erstmals würde ich in de INdex.php folgendes entfernen

Code:

<ul class="accessibility">
    <li><a href="#ja-content" title="Zum Inhalt wechseln">Zum Inhalt wechseln</a></li>
    <li><a href="#ja-mainnav" title="Zur Hauptnavigation">Zur Hauptnavigation</a></li>

    <li><a href="#ja-col1" title="Zur ersten Spalte">Zur ersten Spalte</a></li>
    <li><a href="#ja-col2" title="Zur zweiten Spalte">Zur zweiten Spalte</a></li>
</ul>

oder vll. steht da auch nur

Code:

<ul class="accessibility"></ul>

Oder ein jdoc:include.

Erkenne nicht wozu das gebraucht wird.

Wenn ads erledigt ist, das nochmal bescheid. vll. wars das ja auch schon.

Irgendwie ist das Template komisch aufgebaut.

Dein Logo ist zum Beispiel nur Text. Da fehlt der Link zum IMG, keine Ahnung wo sich Firefox das hernimmt.

Der Cyanblaue Verlauf ist verschoben. Den musst du extra anpassen für die IE. Der Paasende Div lautet.

.ja-headermask

Zufinden in template.css und style.css

Das selbe gilt für die Textgröße (Die 3 A's) der Div lautet

ul.ja-usertools-font

in der template.css

Entferne erst mal die rot markierte Zeile im template.css, danach dürfte so ziemlich alles wieder passen :

template.css (Zeile 935)

Code:

.ja-headermask {
	width: 602px;
	display: block;
	style="background-color: #CCCCCC;
	background: url(../images/header-mask.png) no-repeat top right;
	height: 80px;
	position: absolute;
	top: 0;
	right: -1px;
}

Zitat von Plopo23

Erstmals würde ich in de INdex.php folgendes entfernen

Code:

<ul class="accessibility">
    <li><a href="#ja-content" title="Zum Inhalt wechseln">Zum Inhalt wechseln</a></li>
    <li><a href="#ja-mainnav" title="Zur Hauptnavigation">Zur Hauptnavigation</a></li>

    <li><a href="#ja-col1" title="Zur ersten Spalte">Zur ersten Spalte</a></li>
    <li><a href="#ja-col2" title="Zur zweiten Spalte">Zur zweiten Spalte</a></li>
</ul>

oder vll. steht da auch nur

Code:

<ul class="accessibility"></ul>

Oder ein jdoc:include.

Erkenne nicht wozu das gebraucht wird.

Das hat schon seinen Grund, und zwar dient es der Barrierefreiheit . Es macht nicht immer Sinn, etwas zu entfernen, nur weil man nicht weiss, was es ist .