Playersnode

Es geht um die Anpassung von Websiten an die verschiedenen Browser und Bildschirauflösungen.

Folgende Fragen dazu:

Wie geht man vor? Welche Trick und Tipps gibt es?

Wie kann ich konkret Seiten an niedriege Auflösungen anpassen? (zB.um 1024x768?)

_________________

Es gibt mehrere Möglichkeiten, entweder man arbeitet mit Prozentangaben, ist z.B. hier der Fall die Breite ist 100%, den kleinen Rand links und rechts kann man durch ein margin, das auf das Div um den Inhalt gelegt ist erreichen. Dann macht man rechts einen kleinen Bereich z.B. mit 20% und rechts den Hauptbereich mit 80%, usw.

Allerdings kann diesen Verfahren bei sehr kleinen Fenstergrößen, z.B. wenn jemand das Fenster sehr klein zieht zu komischen Ergebnissen führen, falls das allerdings nicht weiter stört kann man diese Lösung verwenden.

Zweite Möglichkeit ist von einer Standardgröße auszugehen und alles an dieser zu orientieren, hat jemand was kleineres muss er halt nach links und rechts scrollen, im Normalfall geht man hier von einer Maximalbreite von 900px aus. Ist z.B. so in meinem Blog, siehe Profil, gelöst.

Allerdings gibt es keine Schema F nach dem man bestehenden Seiten umbauen kann, manchmal reicht es dem Hauptbereich zu ändern, manchmal muss man die komplette Seite nochmals überarbeiten.

_________________

Wir verwenden schon Prozentangaben.

Ich dachte es gibt vielleicht noch andere Möglichkeiten, solche Anpassungen vorzunehmen.

Naja ich werde es bei den Prozentangaben lassen, haben die Leute mit minimal Auflösung halt Pech gehabt^^

_________________

Und weiter gehts, liebe Coding Gemeinde, also hallo NoFear! =D

Auf der Suche wie ich meine Webseite vernünftig anpassen kann, habe ich mir viele Seiten angesehen und den Quelltext analysiert.

Ãœber diesen Weg habe ich die Conditional Comments gefunden.

Wer nicht weiß um was es sich dabei handelt: http://de.wikipedia.org/wiki/Conditional_Comments


Man kann also eine globale CSS benutzen, mit den Conditional Comments wird diese jedoch ignoriert, wenn man Internet Explorer verwendet, und eine andere CSS Datei tritt ihren Dienst an. Das ganze hört sich simpel an und sollte eigentlich auch sein, doch bei mir funktioniert es einfach nicht.

Ich habe schon verschiedene Versionen ausprobiert:

Nach Self-HTML:



Nach Wiki:



Hier mal den Quellcode von der Seite: (http://www.skull3r7arts.de/TestGallery.php)




Das Problem besteht halt darin, dass der doofe IE trotz der Conditional Comments die globale CSS nimmt und nicht seine ie.css ....

_________________

Sry, das ich jetzt erst anworte, war in letzter Zeit etwas stressig, hab mir den Fehler jetzt nicht genauer angesehen, vermute aber das er damit zusammenhängt das die du natürlich auch noch verändern musst das der IE die globale css nimmt. Im Grunde nutzt man diesen IE-Tag auch nur wenn man für den IE einen speziellen Tag benötigt, der in anderen Browser allerdings ignoriert werden muss.

z.B. weil der IE die Buttons anders anzeigt als andere Browser oder ähnliches. Heißt meistens IE-Fehler ausgleichen. Es wäre also ganz hilfreich was genau du vorhast, bzw. um welchen CSS-Style es hier genau geht dann kann ich mal mit dem IE-Entwicklertool nachschauen, von welchem CSS was genau gezogen wird und wer was überschreibt.

Im Allgemeine ist diese IE-Tool sehr nützlich findest du unter Extas-Entwicklertools. Allerdings zeigt er manchmal an das er einen Style zieht z.B. css-Selektoren allerdings funtkionieren die eigentlich nur wenn der Doc-Type Strict angegeben ist man sollte sich also nicht zu 100% darauf verlassen das was angzeigt wird auch korrekt ist.

_________________