Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Netzwerke>IE6 Windoof und CSS

IE6 Windoof und CSS

Klaus Major13.10.0517:00
Hallo Spezialisten,

ich quäle micht seit graumer Zeit mit CSS für meine neue Website herum, aber heute bin ich SEHR verzweifelt.

Per CSS habe ich die Farbe #000000, also SCHWARZ definiert, aber der IE 6 Windows stellt mir das als "bläulich?" (RGB 0,119,153!!!) dar.

Ich weiß, wie Kacke die CSS Implementierung beim IE WIn ist, abert dergleichen hatte ich nicht erwartet.

Hat jemand da einen guten Tip für mich?

Screenshot:
links: IE 6 Windows
rechts: Firefox 1.07 Windows = Korrekt und so sieht es auch in Safari aus


Vielen Dank und liebe Grüße

Klaus
0

Kommentare

Liebling
Liebling13.10.0517:04
Quelltext bitte... wo kann ich den einsehen?
0
Klaus Major13.10.0517:06
Hier, zu finden in "geilerknopf a"

##############################
body {font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #ff9933;
font-size: 12px;}

h1 {
margin:20px 0px 15px 0px;
padding:0px;
font-size:22px;
/*line-height:28px;*/
font-weight:900;
color:#000000;
}
p {
font:11px/20px verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
}
a {
color:#09c;
font-size:11px;
text-decoration:none;
font-weight:600;
font-family:verdana, arial, helvetica, sans-serif;
}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {color:#bbb;}
a:active {color:#000;}


#navigator {
margin-top: 70px;
margin-left: 20px;
width: 170px;
text-align: left;
font-size: 12px;
color: #000000
/*
border: 1px solid #ffffff;
*/
}



.geilerknopf {
padding: 2px 0px 0px 2px;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #333333;
text-align: left;
margin: 0px 0px 0px 0px;
}

.geilerknopf a {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;
display: block;
color: #000000;
border: 2px solid #ff6600;
}

.geilerknopf a:hover {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;

display: block;
color: #ffffff;
border: 2px solid #ffffff;;}

.geilerknopf a:active {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;

display: block;
color: #333333;
border: 2px solid #333333;}



#Header {
/*
position:absolute;
*/ text-align:center;
margin:20px 20px 2px 20px;
padding:10px 0px 0px 0px;
/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
height:132px; /* 120 + 10 + 2 = 142 */
border-style:solid;
border-color:black;
border-width:1px 1px; /* top and bottom borders: 1px; left and right borders: 0px */

line-height:11px;
background-color:#eee;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
voice-family: "\"}\"";
voice-family:inherit;
height:120px; /* the correct height */
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:120px;}

#Content {
position:absolute;
top:121px;
left:181px;
margin:20px 50px 50px 20px;
padding:10px;
}
0
goldgeist
goldgeist13.10.0517:14
in der navigator klasse fehlt schon mal ein semikolon
0
goldgeist
goldgeist13.10.0517:16
wenn du die seite im quirksmode laufen lässt werden styles nicht vererbt. d.h. wenn du dem div "container" sagst, es hat schriftfarbe sowieso, dann hätte ein darin befindliches div mit text diesen stil NICHT.

im standard mode von IE 6 aber schon. vielleicht liegts daran
0
goldgeist
goldgeist13.10.0517:18
könnte auch sein das dein link formatierungen die anderen style überschreiben, wenn da irgendwo ein link an die nav gesetzt ist. kann man ja ohne html nicht sehen
0
Liebling
Liebling13.10.0517:21
goldgeist + Klaus Major
richtig, ohne Quelltext (alles meinte ich) is es schwierig... haste keine URL?
Wenn ich dein CSS benutze geht das in meiner Testseite...
0
Klaus Major13.10.0517:28
Hi goldgeist,

Semikolon gesetzt, aber daran lag es nicht...

Was zur Hölle ist der "quirksmode"???

Aver ich glaube ich habe es gefunden!
In den IE Einstellungen stand ein Häkchen bei "Windoof Farben verwenden"

Nun ist das auch wieder schwarz...

Ich sollte mir den IE wirlich mal besser ansehen, sorry für den falschen Alarm!


Vielen Dank und liebe Grüße

Klaus (der gerade CSS lernt )
0
Klaus Major13.10.0517:30
Das Dingen geht erst online, wenn alles korrekt aussieht
0
Stefan S.
Stefan S.13.10.0517:37
wo wir grad bei CSS sind.
Welche Schriften sind denn "Allgemein-kompatibel"?
Verdana
Georgia
Arial
Times
Courier
?
?
0
goldgeist
goldgeist13.10.0518:03
Quirksmode versetzt den Browser in den alten rendermodus. So wie bei explorer 5. Das boxmodel wird dann anders ausgelegt und es gibt keine vererbung (u.a).

Den Mode bestimmt man duch den doctype. Wenn du die doctype zeile ganz weg lässt oder etwas falsches angibst arbeitet IE6 im Quirksmode.

Eigentlich müsstest Du das wissen, sonst hättest Du keinen Boxmodel hack für IE 5 im CSS...
0
Klaus Major13.10.0519:16
Hi goldgeist,

danke für die nette Erklärung.

Leider bin ich ziemlich unbeleckt, was CSS (und auch HTML) angeht, ich weiß halt nur, wo man nachschauen kann und kann das dann prima in meinen Code kopieren


Liebe Grüße

Klaus
0
MacMark
MacMark13.10.0521:04
Der IE interpretiert auskommentierten CSS-Code.
„@macmark_de“
0
MacMark
MacMark13.10.0521:46
Du hast schwarz nur für den hover-Zustand eines Links unterhalb eines Elements mit Klasse geilerknopf definiert. Für alle Nicht-Hover-Zustände sind andere Farben angegeben.
„@macmark_de“
0
MacMark
MacMark13.10.0521:47
Und ohne Quelltext, auf den das CSS angewendet wird, kann man Dir keinen verläßlichen Tip geben.
„@macmark_de“
0
Klaus Major13.10.0522:08
Hi MacMark,

der Hover Zustand von "geilerknopf" ist aber weiß...!?

.geilerknopf a:hover {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;

display: block;
color: #ffffff;
border: 2px solid #ffffff;;}


Nur der "geilerknopf a" ist schwarz.

.geilerknopf a {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;
display: block;
color: #000000;
border: 2px solid #ff6600;
}

Oder verstehe ich da jetzt Bahnhof?

Der HTML Code für den "navigator" ist hier:

<div id="navigator">

<p class="geilerknopf">major-k</p>
<p class="geilerknopf"><a href="" title="">Home</a></p>
<p class="geilerknopf"><a href="" title="">Impressum</a></p>
<br>
<p class="geilerknopf">Produkte</p>
<p class="geilerknopf"><a href="" title="">Quick-O</a></p>
<p class="geilerknopf"><a href="" title="">Lettergame 1</a></p>
<br>
<p class="geilerknopf">Dienstleistungen</p>
<p class="geilerknopf"><a href="" title="">Software Entwicklung</a></p>
<p class="geilerknopf"><a href="" title="">Multimedia</a></p>
<p class="geilerknopf"><a href="" title="">Drucksachen</a></p>
<p class="geilerknopf"><a href="" title="">Schulung</a></p>
<br>
<p class="geilerknopf">Ressourcen</p>
<p class="geilerknopf"><a href="" title="">X-Talk</a></p>
<p class="geilerknopf"><a href="" title="">Links</a></p>
<br>
<p class="geilerknopf">Download</p>
<p class="geilerknopf"><a href="" title="">Software</a></p>
<br>
<br>
<a href="" title=""><img src="englisch.jpg" style="border: 0px solid; float: left;width:35; height:22;" alt="Go to english page" />
<p><a href="" title="">This page in english</a></p>
</div>


Gruß

Klaus


P.S.
IE Win sucks anyway
0
Simon Reuteler
Simon Reuteler13.10.0522:17
ui, ich würde eine navigationsleiste immer mit listen gestalten also im sinne von

< ul >
< li > navigation< / li >
< / ul >

im css kannst du das dann ganz genau formatieren. beachte die reihenfolg der linkformatierung im css, :link, :visited, :hover, :active, :focus..
0
MacMark
MacMark13.10.0522:25
Bzgl. schwarz/weiß habe ich vewechselt

Eventuell nimmt er die allgemeine Definition:
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {color:#bbb;}
a:active {color:#000;}
… und überschreibt damit die andere Regel.
„@macmark_de“
0
Klaus Major13.10.0522:32
@ Simon

##ui, ich würde eine navigationsleiste immer mit listen gestalten also...

das kannst DU ja auch gerne machen

Aber dann kann ich doch keine "Border" definieren, oder?


@MacMark

Vielen Dank, aber"eventuell" hilft mir nicht wirklich weiter...

Ausserdem, siehe oben, ich hatte das Problem temporär gelöst, es ist aber inzwischen wieder aufgetaucht amp;


Gruß

Klaus
0
MacMark
MacMark13.10.0522:33
Eventuell heißt ausprobieren
„@macmark_de“
0
Klaus Major13.10.0522:36
Ist schon klar

Aber wenn dem so wäre, hätte er ja auch das erste "a" (= gleiche Farbe wie a.link) übernommen, was er nicht hat...

Ich krieg' das schon hin, kann sich nur um Monde handeln
0
Simon Reuteler
Simon Reuteler13.10.0522:44
doch du kannst ohne probleme border devinieren!

zb hier hab ich die navigation so gemacht:

www.hinterwaeldervieh.ch

und ich würde auch beim #geilerknopf a { }
alle pseudoklassen definieren( :link, :visited, :hover, :active, :focus.)
0
Klaus Major13.10.0523:48
Hi Simon,

danke für die Tips, aber leider bin ich noch nicht so weit, daß ich die auch verstehe


Wie meinst Du z.B. das hier:

##und ich würde auch beim #geilerknopf a { }
##alle pseudoklassen definieren( :link, :visited, :hover, :active, :focus.)

???

Bin für jede Hilfe dankbar.
0
Klaus Major14.10.0520:10
Hallo Freunde,

ich habe das mal online gestellt, weil selbst Firefox (Win) jetzt hier Sperenzchen macht
Die Rahmen um die Links werde schwarz statt orange dargestellt.

Wie gesagt, ich bin dankbar für jeden Hinweis!

In Safari sieht es natürlich aus, wie es soll.
Nur unter Windoof eben nicht (immer, ist ist wie verhext!!!!).


Gruß

Klaus


Lieber Simon,
villeicht mache ich die Navi später mal mit Listen, aber jetzt muss es so gehen
0
Klaus Major14.10.0520:10
Ups...

Und hier der Link:

http://www.major-k.de/mk2
0
Klaus Major14.10.0520:18
Es wird noch besser!!!!

Wenn ich mit dem IE 6 Windows diese Seite über mein kleines Netzwerk von meiner Mac-Platte öffne, sieht es korrekt aus.

Aber selbige (!!!!!) Seite vom Server (siehe Link), werden die Rahmen um die Links schwarz statt orange dargestellt?????

Ich hasse Windows!!!!


Gruß

Klaus
0
Aronnax14.10.0520:32
Junge, halte doch einfach mal deine Klappe

Machst dämliche Anfängerfehler
und deine Seite geht ja nicht mal durch einen Valiator als korrekt durch.
und dann noch <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

keine Ahnung, aber den strengsten Doctype überhaupt nehmen -
selten dämlich

Oh, wie ich diese Dummerschätzerei hasse - ja, der IE ist scheisse, aber machs erstmal selber richtig, bevor du hier die Foren mit halbgaren blödsinn verstopfst ,-)



0
Gaspode14.10.0520:33
Vielleicht dient Dir ja folgender Blog-Eintrag von M$ zum Thema IE6 vs IE7 CSS zur Erheiterung:

http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx

0
Simon Reuteler
Simon Reuteler14.10.0520:42
hallo klaus, war leider nicht online, wenn du weiterhin probleme hast, melde dich per mail oder ichat, ich helfe dir genrne weiter sofern ich das auch kann.

0
Klaus Major14.10.0520:48
Vielen Dank, mein lieber Arronax, für Dein großes Mitgefühl für einen totalen HTML/CSS Anfänger!

Dein Posting ist mir wirklich eine riesige Hilfe!

Und wie denkt der große Guru, sollte ich es nun machen?
Was habe ich falsch gemacht?

Wenn Du mir nun nicht helfen kannst oder willst, hast Du Dich aber selber ad absurdum geführt.

Ausserdem ist das kein Grund gleich persönlich und beleidigend zu werden,

In einem früheren Posts habe ich das bereits erklärt, daß ich ein kompletter Neuling in Webdesign bin, der aber hervorragend recherchieren, kopieren und einfügen kann.
Siehe oben...
0
Aronnax14.10.0521:12
Na dann
für Hilfe schau hier vorbei
http://csshilfe.de/
zum testen z.B. das mal installieren
http://chrispederick.com/work/webdeveloper/
und nicht vergessen, einfach mal die dort integrierten Valiatoren anzuschmeissen - hat schon einigen geholfen

ein anderer Doctype schmeisst einen anderen Rendering Modus an - wäre inbesondere für dich interssant

und dann achte eben darauf das deine Daten richtig verlinkt sind - mein Gott sowas: "Aber selbige (!!!!!) Seite vom Server (siehe Link), werden die Rahmen um die Links schwarz statt orange dargestellt?????"
liegt doch immer an sowas!!

und nur nebenbei - elendige Mimose
erst hier rumpöbeln und dann die beleidigte Leberwust spielen -




0
Klaus Major14.10.0521:25
Ja, woran liegt es denn nun?
Was ist denn falsch verlinkt?
Das Stylesheet?
Das ist relativ verlinkt, daran kann es nicht liegen?

Elendige Mimose? Nun komm aber mal wieder runter!
Du beleidigst mich auf übelste und dann sowas...
Deine Mama fände das mit Sicherheit nicht richtig!

Das von Dir keine konkrete Hilfe kommen würde, war mir schon klar
Auf der von Dir vorgeschlagenen Seite sind ca. 15 Artikel zu finden, welcher wäre den für mich und mein Problem relevant?

Ausserdem habe ich hier nicht rumgepöbelt, sondern nur etwas auf den Explorer und Windows geschimpft!
(Ist ja auch schliesslich ein Mac Forum )

Rumpöbeln ist etwas ganz Anderes!

Ein richtig netter Typ scheinst Du ja nun nicht gerade zu sein, schade eigentlich, in diesem Forum hatte ich mehr erwartet.

Sei froh, daß ICH wenigstens gut erzogen bin!
0
rofl
rofl14.10.0521:59
Jetzt streiten die sich schon zum Spaß, es wird immer besser.
0
Klaus Major14.10.0522:01
Also Spaß macht mir das mit Sicherheit nicht!
Ich wollte eigentlich Hilfe, aber jetzt habe ich es auch noch mit dummen "Gaffern" zu tun!
0
Klaus Major14.10.0522:10
So habe nun alles soweit geändert, HTML und CSS werden prima validiert, aber die Probleme sind immer noch da unter Windows mit Firefox, nämlich schwarzer Rand (border) um die Links anstatt orange?

Konstruktive Hilfe immer noch sehr gewünscht und geschätzt.

Gaffer, blasierte "KÖNNER?" und Großkotze (kennich, weißich, warichschon) bitte wenn möglich ganz stark zurückhalten, danke
0
nooc
nooc14.10.0522:35
(sick)Aronnax(sick) nach solchen posts zu sperren wäre doch mal eine gute gelegenheit für die admins, zu zeigen, dass sie konsequent und objektiv handeln.

so assi kam hier selten einer.
0
Simon Reuteler
Simon Reuteler14.10.0522:46
irgendwie klappt das mit der formatierung nicht, vesuchs mal so:

kann mich morgen noch mal dran setzten, muss jetzt mal weg... man ist nur einmal jung ich hoffe du bekommst es hin und wünsche ddir einen schönen abend klaus!

gruess simon

< ul id="navigator" >

< l i > major-k< / l i >
< / u l>

css:

# navigation li {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;
display: block;
color: #fff;
border: 2px solid #fff;
}
0
Aronnax15.10.0502:52
@ Klaus Major

nachdem man nun alles andere, dank deiner Umbauarbeiten ausschliesen konnte, habe ich doch mal in den Code geschaut
versuchs mal damit:

.geilerknopf a:link {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;
display: block;
color: #000000;
border: 2px solid #ff6600;
}

.geilerknopf a:visited {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;
display: block;
color: #333333;
border: 2px solid #ff6600;
}

.geilerknopf a:hover {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;
display: block;
color: #ffffff;
border: 2px solid #ffffff;
}

.geilerknopf a:active {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 0px 6px;
margin: 0px 0px 0px 0px;
text-decoration: none;
display: block;
color: #333333;
border: 2px solid #333333;
}

----


für Anfänger ist das mit dem a:link a:visited schon ein Problem - na ja beim testen natürlich nur
besonders wenn, dass mit dem visited auch noch anders ausgelegt wird - na ja, dumm auch

und
von wegen
"Das von Dir keine konkrete Hilfe kommen würde, war mir schon klar"
Wusste gar nicht, das wir uns kennen

"Deine Mama fände das mit Sicherheit nicht richtig!"
da könntest du recht haben


@rofl
Jetzt streiten die sich schon zum Spaß, es wird immer besser.

genau - habe aber jetzt keine Lust mehr

@nooc
"so assi kam hier selten einer"

Ach, halt doch die Klappe
0
Davek
Davek15.10.0503:09
man war das lustig das alles zu lesen!
„Keep the Beat“
0
Simon Reuteler
Simon Reuteler15.10.0505:32
ich finde aronnax sollte sich mal ausweinen und eine starke schulter suchen und ev. auch finden, mann, so viele komplexe wie der haben muss, das ist doch kein leben.....:-|

hilfe hin oder her, auch mit einen normalen ton kann hier geholfen werden, da nützen dir auch die vielen smilies nicht!:-y
0
Davek
Davek15.10.0512:06
Simon Reuteler: geb ich dir recht, ich bin hier auch nicht ganz mitgekommen!

„Keep the Beat“
0
rofl
rofl15.10.0513:00
arronax
Was hast du jetzt konkret geändert? (Hab kein Bock jetzt ein Diff zu machen)

Und außerdem verwendest du scheinbar zuwenige das überlesen die meisten...
0
Klaus Major15.10.0515:05
Ganz großes Kino!
Zuerst werde ich beleidigt, und nun auch noch verhöhnt

Der oben gepostete Code von Arronax ist ABSOLUT identisch mit dem von meiner CSS Datei auf dem Server.
Eine Spitzenleistung von einem Spitzenkönner!

Ich denke, ich werde den Fred hier mal schliessen und auf privater Ebene weitermachen.

Danke für die Rückendeckung, Jungs, und ganz speziell danke an Simon für sein großzügiges Angebot, ich werde mich später privat bei Dir melden!

Schönes und sonniges Wochenende...


Gruß

Klaus


P.S.
Wenn mich jemand "dumme Sau"*** nennt, machen das auch 1.000.000 Smilies nicht wett, mein lieber rofl!

***im übertragenen Sinne
0
rofl
rofl15.10.0515:19
Klaus Major

Ich hatte mir dein CSS auch angeschaut, leider konnte ich beim besten Willen keinen Fehler finden. Und da es mir immer persönlich zuviel Arbeit ist für den IE anzupassen (habe auch keine kommerzielle Seiten) lasse ich es immer bei den Fehlern die er mir bringt. Insbesondere weil manche Workarounds nur mit Veränderung des Codes im Standard-Html funktioniere, und dann würden sich Darstellung und Inhalt wieder verquirlen.

Manchmal ist der Ton schon schroff, aber mit der Validierung und dem falschen DocType kann wirklich keiner sagen, wie sich ein Browser in freier Wildbahn verhält. Und vielleicht hat dich Arronax nur verwechselt?
0
nooc
nooc15.10.0515:36
rofl

wenn du meinst das unverschämte verhalten von dem aromax vollspacken verteidigen zu müssen, bitteschön. ich find´s unter aller sau.

hier werden leute gesperrt, die sich weitaus weniger anmaßend und herablassender verhalten … typ hat von irgendwas wohl zuviel oder zu wenig abbekommen.

muss man sich mal vergegenwärtigen: in einem FORUM wird jemand beleidigt und behandellt wie sau, weil er unerfahren ist und nach hilfe fragt?! geht´s noch?
0
rofl
rofl15.10.0515:46
nooc
Ich verteidige niemanden.
0
Aronnax15.10.0516:24
@Klaus Major
der Code ist nicht identisch
probier es doch einfach aus - und achte inbesondere auf .geilerknopf a:visited

und ansonsten - ich habe ihn wirklich mit jemanden verwechselt

An Klaus Major also ein Sorry

(wäre es wirklich der gemeinte, hätte er einen "dreisteren" Ton auch mehr als verdient - auch wenn man sowas vielleicht nicht in eiem öffendlichen Forum machen sollte - naja, wie auch immer, der eigenlich angesprochene hätte es einzuordnen gewusst und nicht so eng genommen)
0
Rantanplan
Rantanplan15.10.0516:40
Aronnax

Also ich muß schon sagen, besonders sympathisch warst du mir vorher auch nicht, aber inzwischen halte ich dich für ein echtes Arschloch. (Und damit ist die Sache für mich erledigt, ich will hier keine Rauferei anzetteln, werde zu diesem Punkt auch keine weiteren Beiträge beantworten).
„Wenn ich nicht hier bin, bin ich auf dem Sonnendeck“
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.