IE6 Probleme mit template.css code?

atmik
Autor
Neues Mitglied

Mehr

09 Nov. 2008 20:11 #18437 von atmik

IE6 Probleme mit template.css code? wurde erstellt von atmik

Hallo zusammen
auf meiner Website --ALTER LINK WURDE ENTFERNT-- habe ich ein Darstellungsproblem meines Headers und Logos mit IE6:

das template.css von der original ja_purity Template wurde auf der Zeile 935 wurde aus:

Code:

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

so angepasst:

.ja-headermask {
         width: 602px;
         display: block;
         background: url(../images/header-mask.png) no-repeat top center;
         height: 80px;
         position: absolute;
         top: 0;
         left: 50%;
         margin-left: -301px;
}

Der Sinn war, dass der Header zentriert im Browser angezeigt wird. Nun klappt das mit Firefox und IE7 wunderbar, mit IE6 sieht man das Logo und den Header gar nicht und der ganze obere Teil ist nur blau...

Hat da jemand ne Idee an was das liegen könnte?

Gruss

Edit by Sam Fisher: Für Code bitte immer Code-Tags verwenden. Danke

jimbo
Offline

Mehr

10 Nov. 2008 12:57 #18459 von jimbo

jimbo antwortete auf Re: IE6 Probleme mit template.css code?

Soweit ich weiss benötigt IE6 ein text-align:center, da er mit dem left:50% nichts anfangen kann, kann mich aber auch täuschen...

Gruss Dany (Jimbo)

Kein Support per PN.

atmik
Autor
Neues Mitglied

Mehr

13 Nov. 2008 18:01 #18592 von atmik

atmik antwortete auf Re: IE6 Probleme mit template.css code?

ich will es ja nicht auf dem Silbertablett bekommen aber ich habe vom programmieren 0 Ahnung und will es nicht verhunzen. Wie müsste ich es richtig eintragen in dieser Zeile?

Sam Fisher
Neues Mitglied

Mehr

14 Nov. 2008 13:13 #18617 von Sam Fisher

Sam Fisher antwortete auf Re: IE6 Probleme mit template.css code?

Hallo !
Bitte poste mal einen Screenshot von der Seite im IE6, ich verstehe es zwar, aber weiß nicht genau wie es sich auswirkt.

Viele Grüße
Sam

DietmarH
Neues Mitglied

Mehr

14 Nov. 2008 14:00 #18635 von DietmarH

DietmarH antwortete auf Re: IE6 Probleme mit template.css code?

Der ganze Aufbau des Headers ist suboptimal. Bau ihn auf wie ein 3-spaltiges Seitentemplate:
Linke Spalte: feste Breite, float:left.
Rechte Spalte: feste Breite, float:right.
Mittlere Spalte: keine Breite, kein float, text-align:center.
Danach ein leeres Element mit clear:both, um das float aufzuheben.

Durch die Breite des umschließenden Containers (bei dir #ja-header) mußt du dafür sorgen, daß in der mittleren Spalte immer genügend Platz für ihren Inhalt bleibt, sonst bricht sie unter die rechte Spalte um.

Moderatoren: Tribal6, RePao, Dragonlord, Chris Hoefliger, pascale, adiheutschi.ch

Joomla! Forum Schweiz wird Teil der D-A-CH Community

forum.joomla.de

IE6 Probleme mit template.css code?