anpera.net • Thema anzeigen - [Template] CSS & IE6 vertragen sich nicht.

Unbeantwortete Themen | Aktive Themen

Foren-Übersicht » Foren » Legend of the Green Dragon » Modder Forum & Technischer Support

Alle Zeiten sind UTC + 1 Stunde

[Template] CSS & IE6 vertragen sich nicht.

Moderatoren: MySql, Eliwood

Seite 1 von 2

[ 24 Beiträge ]

Gehe zu Seite 1, 2 Nächste

Druckansicht

Vorheriges Thema | Nächstes Thema

Autor

Nachricht

MySql

Betreff des Beitrags: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Di 11 Mär, 2008 00:39

Freak

Registriert: Di 01 Mai, 2007 13:57
Beiträge: 1634
Wohnort: Dortmund.
Geschlecht: Männlich
LoGD: Lokal.
Skype: josh.hoiul

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('', '
<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.

_________________
Never change a running system. Bullshit!

Nach oben

Nightborn

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Di 11 Mär, 2008 00:50

Freak

Registriert: Sa 15 Okt, 2005 14:06
Beiträge: 864
Geschlecht: Männlich
LoGD: http://shinobilegends.com

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?

_________________
Entwicklung Lotgd 1.2.2 +nb
1.2.1 +nb ist final

Bugreports/Testing erwünscht, http://nb-core.org

Wichtige Info für Programmierersucher:
viewtopic.php?f=34&t=4285

Nach oben

MySql

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Di 11 Mär, 2008 02:06

Freak

Registriert: Di 01 Mai, 2007 13:57
Beiträge: 1634
Wohnort: Dortmund.
Geschlecht: Männlich
LoGD: Lokal.
Skype: josh.hoiul

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

_________________
Never change a running system. Bullshit!

Nach oben

Eliwood

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Mi 12 Mär, 2008 17:38

Marquis Pherae

Registriert: Mi 09 Feb, 2005 16:01
Beiträge: 3925
Wohnort: Basel
Geschlecht: Männlich

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.

Nach oben

Nightborn

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Mi 12 Mär, 2008 17:44

Freak

Registriert: Sa 15 Okt, 2005 14:06
Beiträge: 864
Geschlecht: Männlich
LoGD: http://shinobilegends.com

float left heißt, daß das bild z.b. links steht, durch text dann rechts umflossen wird, soweit ich weiß?

_________________
Entwicklung Lotgd 1.2.2 +nb
1.2.1 +nb ist final

Bugreports/Testing erwünscht, http://nb-core.org

Wichtige Info für Programmierersucher:
viewtopic.php?f=34&t=4285

Nach oben

Eliwood

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Mi 12 Mär, 2008 18:18

Marquis Pherae

Registriert: Mi 09 Feb, 2005 16:01
Beiträge: 3925
Wohnort: Basel
Geschlecht: Männlich

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;')

Nach oben

MySql

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Mi 12 Mär, 2008 18:21

Freak

Registriert: Di 01 Mai, 2007 13:57
Beiträge: 1634
Wohnort: Dortmund.
Geschlecht: Männlich
LoGD: Lokal.
Skype: josh.hoiul

Wie müsste das denn dann aussehen, damit es auch im IE6 so übernommen wird, das es klappt o.o

_________________
Never change a running system. Bullshit!

Nach oben

Nightborn

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Mi 12 Mär, 2008 19:26

Freak

Registriert: Sa 15 Okt, 2005 14:06
Beiträge: 864
Geschlecht: Männlich
LoGD: http://shinobilegends.com

http://de.selfhtml.org/css/eigenschafte ... .htm#float

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

_________________
Entwicklung Lotgd 1.2.2 +nb
1.2.1 +nb ist final

Bugreports/Testing erwünscht, http://nb-core.org

Wichtige Info für Programmierersucher:
viewtopic.php?f=34&t=4285

Nach oben

Dinarius

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Do 13 Mär, 2008 12:33

Profi

Registriert: Di 20 Nov, 2007 11:55
Beiträge: 132
LoGD: http://www.land-elysion.de/logd/

Sooo, bereit um mir mal die "nächste" einzufangen

$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

_________________
Ich kann das nicht! ....

Denk an die Hummel

Sie hat eine Flügelfläche von 0,7 cm² bei einem Eigengewicht von 1,2 g. Aerodynamisch ist es unmöglich, das eine solche Konstruktion flugfähig ist. Aber das weiß die Hummel nicht, sie fliegt dennoch!

Nach oben

MySql

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Do 13 Mär, 2008 12:43

Freak

Registriert: Di 01 Mai, 2007 13:57
Beiträge: 1634
Wohnort: Dortmund.
Geschlecht: Männlich
LoGD: Lokal.
Skype: josh.hoiul

"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....

_________________
Never change a running system. Bullshit!

Nach oben

Dinarius

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Do 13 Mär, 2008 13:05

Profi

Registriert: Di 20 Nov, 2007 11:55
Beiträge: 132
LoGD: http://www.land-elysion.de/logd/

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>')

Nach oben

Eliwood

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Do 13 Mär, 2008 17:56

Marquis Pherae

Registriert: Mi 09 Feb, 2005 16:01
Beiträge: 3925
Wohnort: Basel
Geschlecht: Männlich

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.

Nach oben

MySql

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Do 13 Mär, 2008 17:57

Freak

Registriert: Di 01 Mai, 2007 13:57
Beiträge: 1634
Wohnort: Dortmund.
Geschlecht: Männlich
LoGD: Lokal.
Skype: josh.hoiul

Ahh ok danke..

_________________
Never change a running system. Bullshit!

Nach oben

MySql

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Fr 11 Apr, 2008 21:59

Freak

Registriert: Di 01 Mai, 2007 13:57
Beiträge: 1634
Wohnort: Dortmund.
Geschlecht: Männlich
LoGD: Lokal.
Skype: josh.hoiul

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">» {title}</div></h1>

</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.

_________________
Never change a running system. Bullshit!

Nach oben

The_Muh

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Fr 11 Apr, 2008 22:16

Eingeweihter

Registriert: Mo 11 Feb, 2008 13:30
Beiträge: 96
Geschlecht: Männlich

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

Nach oben

MySql

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Fr 11 Apr, 2008 22:20

Freak

Registriert: Di 01 Mai, 2007 13:57
Beiträge: 1634
Wohnort: Dortmund.
Geschlecht: Männlich
LoGD: Lokal.
Skype: josh.hoiul

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

_________________
Never change a running system. Bullshit!

Nach oben

The_Muh

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Fr 11 Apr, 2008 22:27

Eingeweihter

Registriert: Mo 11 Feb, 2008 13:30
Beiträge: 96
Geschlecht: Männlich

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

Nach oben

MySql

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Fr 11 Apr, 2008 22:42

Freak

Registriert: Di 01 Mai, 2007 13:57
Beiträge: 1634
Wohnort: Dortmund.
Geschlecht: Männlich
LoGD: Lokal.
Skype: josh.hoiul

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)

_________________
Never change a running system. Bullshit!

Nach oben

Eliwood

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Fr 11 Apr, 2008 23:07

Marquis Pherae

Registriert: Mi 09 Feb, 2005 16:01
Beiträge: 3925
Wohnort: Basel
Geschlecht: Männlich

The_Muh hat geschrieben:

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.

Nach oben

MySql

Betreff des Beitrags: Re: [Template] CSS & IE6 vertragen sich nicht.

Verfasst: Sa 12 Apr, 2008 01:46

Freak

Registriert: Di 01 Mai, 2007 13:57
Beiträge: 1634
Wohnort: Dortmund.
Geschlecht: Männlich
LoGD: Lokal.
Skype: josh.hoiul

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.

_________________
Never change a running system. Bullshit!

Nach oben

Seite 1 von 2

[ 24 Beiträge ]

Gehe zu Seite 1, 2 Nächste

Foren-Übersicht » Foren » Legend of the Green Dragon » Modder Forum & Technischer Support

Alle Zeiten sind UTC + 1 Stunde

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 15 Gäste

Du darfst keine neuen Themen in diesem Forum erstellen
Du darfst keine Antworten zu Themen in diesem Forum erstellen
Du darfst deine Beiträge in diesem Forum nicht ändern
Du darfst deine Beiträge in diesem Forum nicht löschen
Du darfst keine Dateianhänge in diesem Forum erstellen

Gehe zu:

Anmelden	FAQ Suche
Portal	Album