anpera.net
https://anpera.homeip.net/phpbb3/

[Template] CSS & IE6 vertragen sich nicht.
https://anpera.homeip.net/phpbb3/viewtopic.php?f=34&t=4386		 Seite 1 von 2
Autor:  MySql [ Di 11 Mär, 2008 00:39 ]
Betreff des Beitrags:  [Template] CSS & IE6 vertragen sich nicht.
Hallo,

Ich habe so ebend die Bilder für das Template "Marcus" fertig bekommen. (Nein ich heiße nicht Marcus...)
Nun...
Habe die CSS Datei angefangen und natürlich auch die HTM Datei. (HTM bzw. (X)HTML)
Also Opera und FF 3.x Beta geben das Template [i]richtig[i] zurück. (Die Bilder zentriert.)

Das genaue Gegenteil macht der IE6'er. Die Bilder werden alle Linksbündig ausgegeben.
Naja... CSS & IE6 ... schlimme Sache bzw. MySQL & CSS ... schlimme Sache. (Doch warum machen's dann der FF und Opera richtig?hmm...?)

CSS:

$this->bbcode_second_pass_code('', 'body {
HEIGHT: 100%;
MARGIN:0;
PADDING:0;
POSITION: relative;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
COLOR: #333333;
LINE-HEIGHT: 16px;
BACKGROUND-COLOR: #000;
}

.container {
MARGIN: auto;
WIDTH: 780px;
}

.first-header {
FLOAT: left;
WIDTH: 780px;
HEIGHT: 150px;
PADDING: 0;
MARGIN: 0;
}

.header {
FLOAT: left;
WIDTH: 780px;
HEIGHT: 80px;
PADDING: 0;
MARGIN: 0;
BACKGROUND-IMAGE: url(Marcus/top-navigation.gif);
BACKGROUND-REPEAT: repeat-x;
}

.uebergang {
FLOAT: left;
WIDTH: 780px;
HEIGHT: 50px;
PADDING: 0;
MARGIN: 0;
BACKGROUND-IMAGE: url(Marcus/hover.gif);
BACKGROUND-REPEAT: repeat-x;
}

.content {
FLOAT: left;
WIDTH: 780px;
PADDING: 0;
MARGIN: 0;
BACKGROUND-IMAGE: url(Marcus/content.gif);
BACKGROUND-REPEAT: repeat-x;
}')

HTML

$this->bbcode_second_pass_code('', '<!--!header-->
<html>
<head>
<title> {title} </title>
{headscript}{script}
<link rel='stylesheet' type='text/css' href='marcus.css'>
</head>
<body>
<div class='container'>
<div class='first-header'>
<img src='Marcus/marcus-logo.gif'>
LotGD
</div>
<div class='header'>
</div>
<div class='uebergang'>
</div>
<div class='content'>
das<br />
ist<br />
ein test<br />
!!!
</div>
</div>
</body>
</html> ')

Sow... ~> Das ist der Rohschliff, damit ich erstmal die Bilder an die richtige Stelle schmeißen kann. *g
Würde mich über Hilfe sehr, sehr freuen.

Euer,
My.
Autor:  Nightborn [ Di 11 Mär, 2008 00:50 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
http://de.selfhtml.org

saublöde frage:
.first-header {
FLOAT: left;
WIDTH: 780px;
HEIGHT: 150px;
PADDING: 0;
MARGIN: 0;

ich mein, links ist doch links...warum sollen die urplötzlich zentriert sein?

http://de.selfhtml.org/navigation/suche ... rage=float


float left = Element steht links und wird rechts davon von nachfolgenden Elementen umflossen.

willst Du doch so?
Autor:  MySql [ Di 11 Mär, 2008 02:06 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Ich probiers gleich mal aus... hatte in nem tut mal gelesen, das man dan float: left nehmen solle...
Aber warum, geben opera und ff dann so aus, wie es sein soll?O_O
Autor:  Eliwood [ Mi 12 Mär, 2008 17:38 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Du hast die Lösung doch bereits im Titel - CSS und IE6 vertragen sich nicht. Mach mal den ACID2-Test mit dem IE6... Du wirst nichts erkennen, ausser vielleicht n' erschossenes Fast-Smiley.

Übrigens: IE6 kennt die Anweisung "auto" in margin nicht. Dafür aber interpretiert er fehlerhaft text-align auch für Container.

Edit: Nightborn, float hat nichts mit der Ausrichtung zu tun. float: left gibt lediglich die Anweisung, dass der Nachfolgende Block rechts steht, der Block selbst links. float:right sagt das Gegenteil - der nächste Container wird rechts vom eigentlichen angezeigt.
Autor:  Nightborn [ Mi 12 Mär, 2008 17:44 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
float left heißt, daß das bild z.b. links steht, durch text dann rechts umflossen wird, soweit ich weiß?
Autor:  Eliwood [ Mi 12 Mär, 2008 18:18 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Nightborn hat geschrieben:
float left heißt, daß das bild z.b. links steht, durch text dann rechts umflossen wird, soweit ich weiß?


Nein. float bezieht sich auf das aktuelle Objekt. float: right heisst also, dieses Objekt umfliesst das nächste rechts. ^^

$this->bbcode_second_pass_code('', '
------+------
| float: left;')
Autor:  MySql [ Mi 12 Mär, 2008 18:21 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Wie müsste das denn dann aussehen, damit es auch im IE6 so übernommen wird, das es klappt o.o
Autor:  Nightborn [ Mi 12 Mär, 2008 19:26 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
http://de.selfhtml.org/css/eigenschafte ... .htm#float

also wenn da left steht...ist das objekt links, und rechts fließt der text vorbei....
Autor:  Dinarius [ Do 13 Mär, 2008 12:33 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Sooo, bereit um mir mal die "nächste" einzufangen :D
$this->bbcode_second_pass_code('', '<div style="position:absolut;top:50px;left:100px">
<h2> was auch </h2>
<p> Immer dahin soll <p>
</div>')
Oder entsprechend

$this->bbcode_second_pass_code('', '<style>
.content{
background:white;
width:400px;
height:400px;
padding:10px;
position:absolute;
top:10px;
left:200px;
}
</style>')
Sinn dahinter, wenn IE6 es nicht versteht, dann ihm die Werte vielleicht als absolut geben.
Freu mich jetzt schon wieder zerhackt oder falsch verstanden zu werden ;)
Aber dennoch

MfG
Autor:  MySql [ Do 13 Mär, 2008 12:43 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
"position: absolute;" ist totaler humbug. Meiner Meinung nach.

Gut.. geben wir dem Jetzt "top: 100px;"... Haben wir nicht ein paar verschiedene Auflösungen auf dem Rechner?? Wenn schon denn schon, bei jeder Auflösung zentriert, bzw. an der gleichen Stelle....
Autor:  Dinarius [ Do 13 Mär, 2008 13:05 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Sicher haben wir hier nicht alle die selbe auflösung. Nur laut ~Drück mich~ soll es auch unter EI6 gehen.

oder mal "dreist"
$this->bbcode_second_pass_code('', '<h3 style="text-align:center"></h3>')

Mister €d:

bzw: :)
$this->bbcode_second_pass_code('', '<center></center>')
Autor:  Eliwood [ Do 13 Mär, 2008 17:56 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
MySql hat geschrieben:
Wie müsste das denn dann aussehen, damit es auch im IE6 so übernommen wird, das es klappt o.o


Sagte ich doch bereits - mit text-align: center. Einfach nicht vergessen, in den Kindern text-align wieder auf left zu stellen. ;)

Nightborn hat geschrieben:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

also wenn da left steht...ist das objekt links, und rechts fließt der text vorbei....


Argh. Mein Fehler, hab grad was falsch gedacht, sorry :)

Edit: position: absolute; sollte, bis auf wenige Ausnahmen, vermieden werden.
Autor:  MySql [ Do 13 Mär, 2008 17:57 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Ahh ok danke..
Autor:  MySql [ Fr 11 Apr, 2008 21:59 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Aloá,

ein Freund hat vor einiger Zeit ein Temp erstellt. Nunja. Daher er kein CSS kann bzw. nicht wirklich kann haben Kai und ich Ihm ein bisschen dabei geholfen. Naja...jetzt ist uns gerade mal wieder aufgefallen, das die Vitalinfo im "inhalt" Breich angezeigt wird. (Also im Footer)

Folgende CSS haben wir für die Ausrichtung der Texte & Bilder: (Ist nun wirklich nur Texte & Bilder)

$this->bbcode_second_pass_code('', '#container {
margin:auto;
width: 1000px;
}
#kopf {
float: left;
width: 1000px;
height: 190px;
padding: 0;
margin: 0;
background-image: url(Mystic/kopf.jpg);
background-repeat: repeat-x;
}
#menue {
float: left;
width: 1000px;
height: 26px;
padding: 0;
margin: 0;
background-image: url(Mystic/menuebg.jpg);
background-repeat: repeat-x;
}
#contentkopf {
float: left;
width: 1000px;
height: 48px;
padding: 0;
margin: 0;
background-image: url(Mystic/contentkopf.gif);
background-repeat: repeat-x;
}
#content{
float: left;
width: 1000px;
padding: 0;
margin: 0;
background-image: url(Mystic/contentbg.jpg);
background-repeat: repeat-y;
}
#sidebar{
float: left;
width: 171px;
padding: 0;
margin: 0;
padding-left: 50px;
}
#inhalt{
float: left;
width: 440px;
padding: 0;
margin: 0;
padding-left: 50px;
}
#stats{
float: right;
width: 171px;
padding: 0;
margin: 0;
padding-right: 50px;
}
#fuss {
float: left;
width: 965px;
height: 39px;
padding: 0;
padding-top: 53px;
padding-right: 40px;
margin: 0;
background-image: url(Mystic/fussbg.gif);
background-repeat: repeat-x;
text-align: center;
color: #a3b1ac;
}')

Unf folgender HTML-Code mit den Div's:

$this->bbcode_second_pass_code('', ' <body>
<div id="container">
<div id="kopf">
</div>
<div id="menue">
{petition} {motd} {mail} {chat} {source}
</div>
<div id="contentkopf">
</div>
<div id="content">
<div id="sidebar">
{nav}
{item}
</div>
<div id="inhalt">
<h1><div align="center">&raquo; {title}</div></h1>
<!--!footer-->
</div>
<div id="stats">
{stats}
</div>
</div>
<div id="fuss">
<div align='center'> Gamecode by Eric Stevens, Erweiterung "Mystic Garden" by MySql - Marc S.</div>
</div>
</div>
</body>')

Also die "{stats}" werden im Footer div ausgegeben. Wie muss man die CSS verändern, damit es wieder beim IE geht...?

Liebe Grüße,
My.
Autor:  The_Muh [ Fr 11 Apr, 2008 22:16 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
du kannst unmöglich allen browsern gerecht werden, außer du baust ne browserweiche ein, was bei LOGD aber schwerer sein wird als gesagt...

selbst Yar2 und Yarbroght werden bei mir vom IE7 nicht richtig angezeigt (hab IE7 nur mal zu testzwecken aufm Localhost benutzt).
Ich würde sagen, wer den IE benutzt und probleme mit der anzeige hat, der ist selber schuld, ich optmiere generell nur für die Gecko Engine (FF, Mozilla, Songbird, Cameleon usw.), da ich der meinung bin, das ich fehlerhafte Browserengines nicht noch unterstützen sollte in dem ich extra ne Browserweiche integriere.

Links dazu:
Acid-Tests, Wikipedia Artikel

mfg
The_Muh
Autor:  MySql [ Fr 11 Apr, 2008 22:20 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Naja... das dumme ist, es hatte ja vor 2 Mopnaten ca. geklappt *g. Seidher ist die Page auch nur noch mit FF oder Opera benutzt wurden. Und ich denke mal, ein großteil der Spieler, hat IE.... Daher dieser Standardmässig auf XP installiert ist und so viele Leute, die Linux etc. benutzen kenne ich nicht & kA ob der IE auf Linux druff ist...
Autor:  The_Muh [ Fr 11 Apr, 2008 22:27 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
lol
IE für linux, lass das mikrosoft nich hören, die hacken dir den kopf ab....linux systeme benutzen meistens Firefox oder Cameleon. Wenn deine spieler über fehlerhafte darstellung klagen, sag ihnen das es mit einem "Gutem" browser richtig dargestellt wird... dann tust du ihrer PC-sicherheit etwas gutes wenn sie wechseln sollten.
Und außerdem lohnt es langfrisitig nicht für IE zu optimieren, da dieser immer mehr marktanteile an Open Source browser und Opera verliert...ich hab schon überlegt ob ich den IE-crashcode (*klick*) in meine seite einbaue.... ich schwanke immernoch :D
Autor:  MySql [ Fr 11 Apr, 2008 22:42 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Ach naja, Javascript ist ja unser Freund *g. Werden halt auf eine Seite umgeleitet, wenn sie n' IE haben, und werden dann höfflich gebten einen anderen zu nehmen. :c)
Autor:  Eliwood [ Fr 11 Apr, 2008 23:07 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
The_Muh hat geschrieben:
lol
IE für linux, lass das mikrosoft nich hören, die hacken dir den kopf ab....linux systeme benutzen meistens Firefox oder Cameleon. Wenn deine spieler über fehlerhafte darstellung klagen, sag ihnen das es mit einem "Gutem" browser richtig dargestellt wird... dann tust du ihrer PC-sicherheit etwas gutes wenn sie wechseln sollten.
Und außerdem lohnt es langfrisitig nicht für IE zu optimieren, da dieser immer mehr marktanteile an Open Source browser und Opera verliert...ich hab schon überlegt ob ich den IE-crashcode (*klick*) in meine seite einbaue.... ich schwanke immernoch :D


K-Meleon ist ein Browser auf Gecko-Basis für Windows... Das auf Linux zu installieren ist _unsinnig_. Auf Linux wirst du Lynx finden (Für Linux ohne X), Konqueror (KDE), Firefox, Epiphany, vielleicht Opera.
Übrigens: IE-Optimierungen lohnen sich wirklich nicht - IE8 besteht grösstenteils ACID2. Immerhin.
Autor:  MySql [ Sa 12 Apr, 2008 01:46 ]
Betreff des Beitrags:  Re: [Template] CSS & IE6 vertragen sich nicht.
Gut IEx Spieler dürfen sich nicht reggen *grins.
Oder diesen Skin nicht benutzen..

OT:

Eliwood, welches Linux ist besser? SuSe oder des andere? Gab ja glaube ich 2 oder mehrere.
Seite 1 von 2 Alle Zeiten sind UTC + 1 Stunde
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/