css darstellung - OSX vs XP in verschiedenen browsern

[dahui]

NEIN. VERMEIDEN

klar vermeiden i.d.R. komme ich auch ohne klar, bzw sollte ich sagen, dass ich ohne klar kam als ich noch nicht unter OSX testen konnte.

allerdings ist es zuweilen gerade beim IE6 nicht anders möglich als zu hacken oder über coditional comments zu gehen

any ideas zum ansatz schriftenglättung?

was mir eben echt kopfzerbrechen macht, ist dass der gleiche browser auf 2 OS unterschieldich interpretiert! siehe die letzten screenshots

 

[joernb]

any ideas zum ansatz schriftenglättung?

was mir eben echt kopfzerbrechen macht, ist dass der gleiche browser auf 2 OS unterschieldich interpretiert! siehe die letzten screenshots

Ich glaube nicht, dass die Browser unterschiedlich interpretieren, sondern, dass die beiden Browser unterschiedliche Schriften verwenden. Du hast in der Font-Family Angabe "Helvetica,Verdana,Arial,Helvetica,Sans-serif,sans-serif" stehen. Mit installierter Helvetica unter Windows hatte ich keine Darstellungsprobleme. Versuch mal die Arial vor die Verdana zu stellen, die ist der Helvetica recht ähnlich. Oder nimm die Verdana ganz raus.

 

[dahui]

Ich glaube nicht, dass die Browser unterschiedlich interpretieren, sondern, dass die beiden Browser unterschiedliche Schriften verwenden. Du hast in der Font-Family Angabe "Helvetica,Verdana,Arial,Helvetica,Sans-serif,sans-serif" stehen. Mit installierter Helvetica unter Windows hatte ich keine Darstellungsprobleme. Versuch mal die Arial vor die Verdana zu stellen, die ist der Helvetica recht ähnlich. Oder nimm die Verdana ganz raus.

ich hab's jetzt mal mit Verdana, Arial und nichts weiter versucht, also eigentlich websafe fonts, auch hier wird bei mir unterschiedlich interpretiert, nach wie vor denke ich es liegt am glätten der schriftwn durch osx

man sieht ja auch ganz deutlich, dass die schriften egal welche, je nach OS unterschiedlich geglättet werden

ohne height für den 'ul#headerMenu li a'

mit angepasstem height und padding für 'ul#headerMenu li a'

 

[joernb]

ich hab's jetzt mal mit Verdana, Arial und nichts weiter versucht, also eigentlich websafe fonts, auch hier wird bei mir unterschiedlich interpretiert, nach wie vor denke ich es liegt am glätten der schriftwn durch osx

man sieht ja auch ganz deutlich, dass die schriften egal welche, je nach OS unterschiedlich geglättet werden

Es hat auf jeden Fall mit der Schriftdarstellung zu tun. Websafe bedeutet ja nur, dass die Schriften auf den meisten Rechnern installiert sind. Mir fällt jetzt nichts mehr ein. Wie gesagt, ich habe nur Probleme mit der Darstellung, wenn die Helvetica als erste steht. Vielleicht solltest Du da noch etwas experimentieren und die Verdana mal weglassen.

 

[dahui]

Es hat auf jeden Fall mit der Schriftdarstellung zu tun. Websafe bedeutet ja nur, dass die Schriften auf den meisten Rechnern installiert sind. Mir fällt jetzt nichts mehr ein. Wie gesagt, ich habe nur Probleme mit der Darstellung, wenn die Helvetica als erste steht. Vielleicht solltest Du da noch etwas experimentieren und die Verdana mal weglassen.

krass krass

ich habe jetzt mal nur arial online dann wirds schon besser, dennoch wird die schrift FF OSX geglättet FF XP nicht, was immernoch zu pixelverschiebungen führt

 

[fraggle]

Probier mal folgendes (in Deinen CSS ersetzen):

body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
}

#pageTitle {
	font-size: 25px;
	font-weight: normal;    
	left: 60px;
	position: relative;
	top: 25px;
}

ul#headerMenu {
	font-weight: bold;
	left: 0;
	letter-spacing: 0.2em;
	position: relative;
	list-style-type: none;
	top: 44px;
}

Es scheint hier tatsächlich Probleme mit der Helvetica zu geben. Von daher würde ich sie weglassen.

 

[dahui]

Probier mal folgendes (in Deinen CSS ersetzen):

body {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 12px;
}

#pageTitle {
    font-size: 25px;
    font-weight: normal;    
    left: 60px;
    position: relative;
    top: 25px;
}

ul#headerMenu {
    font-weight: bold;
    left: 0;
    letter-spacing: 0.2em;
    position: relative;
    list-style-type: none;
    top: 44px;
}

Es scheint hier tatsächlich Probleme mit der Helvetica zu geben. Von daher würde ich sie weglassen.

naja nicht ganz hier mal deine version online
jetzt passt es zwar im FF unter XP und OSX allerdings nutze/nutzte ich relativ/absolute positioning nur sehr ungern, weil es den IE6 z'ammenhaut

da sitzt jetzt nämlich das menu direkt auf dem placeholder

und nach wie vor sind die schriften bei mir unterschiedlich 'gerendert' im OSX eben geglättet im XP nicht

gibte es denn z.b. nur mal zum testen eine möglichkeit das glätten von schriften in OSX generell zu unterbinden und nicht nur für schriften die kleiner als 12px sind (systemeinstellungen)?

 

[fraggle]

Nun ja, für den IE 6 könnte man dann ja noch nen Workaround einbauen.
Leider weiß ich ja nicht, wie das Ganze Projekt überhaupt mal aussehen soll. Evtl. könnte man das auch ganz anders aufbauen!?

Zur Schriftglättung:
Systemeinstellungen > Erscheinungsbild (dann ganz unten).

Habe hier momentan als Wert "10" eingestellt.

 

[kauan]

Uebrigens, mit /IE7/ lassen sich viele Features des Internet Explorers fixen. Vielleicht auch dein Problem?

 

[dahui]

Nun ja, für den IE 6 könnte man dann ja noch nen Workaround einbauen.
Leider weiß ich ja nicht, wie das Ganze Projekt überhaupt mal aussehen soll. Evtl. könnte man das auch ganz anders aufbauen!?

Zur Schriftglättung:
Systemeinstellungen > Erscheinungsbild (dann ganz unten).

Habe hier momentan als Wert "10" eingestellt.

genau desshalb habe ich mich in der vergangenheit gegen position gewährt

dass man die schriftglättung ausschalten kann hatte ich ja bereits angemerkt, ich würde sie aber gerne ohne ein tinkertool installieren zu müssen kpmplett ausschalten. am ende wäre es nur ein test weil eh es keiner ausgeschaltet hat.

ergo für den IE6 doch wieder conditional comments

Uebrigens, mit /IE7/ lassen sich viele Features des Internet Explorers fixen. Vielleicht auch dein Problem?

schon klar, aber wenn du für agenturen codest dann wünschen die oft beim IE dass es auch noch für den 6-er mindestens kompatibel sein soll

daher teste ich ja auch mac und osx in den gängigsten browsern

@fraggle:
das html beispiel ist natürlich kein projekt sondern nur ein vereinfachtes beispiel um meine problematik nachzubilden
aber wenn du es anders abbilden kannst, gerne

ziel ist ein header aus 3 bereichen wie man ihn bereits sieht. die gelben div's werden noch mit BG-images belegt

 

[dahui]

bevor es untergeht

besten dank an alle für die unterstützung !

 

[kauan]

schon klar, aber wenn du für agenturen codest dann wünschen die oft beim IE dass es auch noch für den 6-er mindestens kompatibel sein soll

daher teste ich ja auch mac und osx in den gängigsten browsern

Nein nein nein... schau dir die Seite bitte an. Das ist nicht Internet Explorer 7 sondern eine JavaScript-Library die den Internet Explorer (5, 6), zumindest so gut es geht, fixt.

 

[fraggle]

Nun, das wäre ne Möglichkeit aber nur solange Javascript eingeschaltet ist. Somit ist man letztendlich wieder am Anfang.

 

[kauan]

Nun, das wäre ne Möglichkeit aber nur solange Javascript eingeschaltet ist. Somit ist man letztendlich wieder am Anfang.

Wer klug genug ist, JS zu deaktivieren, benutzt keinen IE

 

[dahui]

Wer klug genug ist, JS zu deaktivieren, benutzt keinen IE

da gebe ich dir alerdinsg recht

aber mir sind wie immer die hände vom auftraggeber gebunden, NO JS

dennoch danke, hatte überlesen dass ja ein link dahinter steckt

 

[fraggle]

Kommt das in etwa Deinen Vorstellungen nahe?

Anhang anzeigen template.zip

 

[gruenlink]

Ich vermute, dass das Problem das Du hast nicht an CSS liegt und auch nicht damit behoben werden kann, egal was Du an Formatierungen vornimmst.

Auch mit der Schriftglättung hat das Problem vermutlich nichts zu tun, ABER:

Wenn Du mit Tabellen arbeitest, dann kommt es darauf an (ja, leider...warum auch immer) wie Du denn Quelltext schreibst! Klingt blöd, scheint aber so zu sein.

Und zwar müssen alle <td>auch direkt wieder mit eimem </td> geschlossen werden und zwar direkt nach dem Inhalts-Tag

Z.B.:
<td>
<img ...></td>

Schreibst Du der Übersicht halber:

<td>
<img....>
</td>

bekommst Du diese schlechte Darstellung.

Und wer jetzt auch noch weiss, warum das so ist, dem gebe ich im Sommer ein lecker Eis aus!

 

[gatolindo]

Hallo Leute,
ich habe auch ein Problem mit CSS und ich finde daher passt es hier rein. Ich wollte meine HP neu gestalten und damit auch gleich standartkonform XHTML strict und CSS benutzen und bin auch stolz auf mich denn der Validator sagt toll und ich habe mir gleih die Buttons drauf gemacht, die zeigen das meine Seite standartkonform sind, cool oder - Ich bin halt kein Profi...

Zu meinem Problem: Meine Seite wird soweit richtig angezeit in Safari und dann habe ich mal andere Browser probiert - Opera und IE funktionieren, aber der Firefox scheint meine CSS Datei nicht einzubinden.

Wäre cool wenn mir jmd. sagen könnte was ich falsch mache...
http://home.arcor.de/holger-sebastiao/NeueHomepageHolger/

Danke

 

[mewX]

kann es vllt. daran liegen, dass du zwiscehn dem bezeichner und der { eine zeile freigelassen hast?

h1, h2
	{
	text-align: center;
	}

Vielleicht intrepretiert Firefox dass dann nicht?
Ansonsten ist das vond e Eibindung eigentlich richtig...

gruß

 

[kauan]

kann es vllt. daran liegen, dass du zwiscehn dem bezeichner und der { eine zeile freigelassen hast?

h1, h2
    {
    text-align: center;
    }

Vielleicht intrepretiert Firefox dass dann nicht?
Ansonsten ist das vond e Eibindung eigentlich richtig...

gruß

So etwas spielt keine Rolle.