Webseite an Browser anpassen

[Spatzihasi]

Hallo ihr Lieben,

ich bin gerade dabei die Webseite für Safari, Opera und IE anzupassen.

Ein Bekannter hat gemeint ich soll für jeden Browser eine CSS Datei machen und die dann in den Head Bereich einfügen.

Das hab ich auch so gemacht.

Aber wäre auch ein Wunder gewesen wenn es so einfach wäre.

Mal ein Beispiel. Ich wollte das Menü anpassen weil es im Safari ein wenig zu kurz angezeigt wird.

Wenn ich das jetzt anpasse mit einer neuen CSS Datei dann wird es im Safari richtig angezeigt.

Aber der Firefox z.b. nimmt die CSS Datei die ich für den Safari habe.

Hat jemand einen Tipp wie ich das mal ordentlich realisieren kann?

Bisher konnte mir keiner helfen :( Und ich bin hier kurz vor der Verzweiflung.

Hier mal die Seite auf einem Testserver.

www.hasi.leitwolf2nd.de

Ich weiss ich hätte manche Formatierungen ein wenig kürzer schreiben können aber es ist die erste, man lernt ja noch.

Aber könnt ihr mir zu dem oberen Problem helfen und was dazu sagen?

Das wäre echt lieb. Ich weiss grad nicht mehr weiter :(

[Ylloh]

und was ist mit Opera?

Also ich würde das lieber so coden, dass es in allen Browsern funktioniert, als für jeden Browser (und wenn du pech hast für jede neue Version) eine eigene CSS festzulegen...


Bei mir sind 750/6 übrigens 125 und nicht 110 (oder 118,9 ???)... vielleicht liegt das mit dem Menu daran? Das Boxmodell (bzw. das unterschiedliche Verständnis der Bowser dafür) musst du natürlich beachten ;))

[Spatzihasi]

Hi,

Das Menü ist ein fertiges und ich hab es angepasst

Wenn ich 125 px eingeb der Menüpunkt bildergalerie in eine neue Zeile geschoben.

Opera macht das Menü auch etwas kürzer.

Bei safari wird außerdem auf der homeseite bei den Öffnungszeiten bei Montag eine leeerzeile eingerückt angezeigt.

Es ist halt meine erste Webseite und ich weiss nich richtig wie ich die Seite für alle Browser so anpasse das es überall gut aussieht und ohne das ich die Seite auseinander zupf oder sie kaputt mach. :(

[Jenny]

Hallo!

offTopic:
Tabellenbasiertes Webdesign ist zwar aus guten Gründen überholt, aber die Öffnungszeiten auf der Startseite hätten design-technisch (und vor allem semantisch) eine Tabelle durchaus schon verdient, denn hier macht sie Sinn und ersetzt die dahingepixelten span-Krücken, die dir cross-browser-mäßig sowieso irgendwann Sorgen machen könnten.

BackToTopic kann ich Ylloh nur zustimmen:
Schreibe eine und gute CSS für alle Browser und media-queries für unterschiedliche Viewports!
Ein Bekannter hat gemeint ich soll für jeden Browser eine CSS Datei machen
Nein, das ist kompletter Quatsch!
(Gewisse IE-Hacks machen natürlich dennoch Sinn und sind unerlässlich!)

PS: 750px als wrapper-Breite finde ich persönlich etwas zuuuu schlank! Heutzutage kannst du davon ausgehen, dass beinahe jeder User über mindestens 1024px verfügt. Abzüglich Scrollbalken u.ä. machen 980px also durchaus Sinn.

[Ylloh]

Also nur Anregeungen quick&dirty (hab grad keine möglichkeit das zu probieren):

Feste Breite zuweisen und dann für die Menbupunkte in % angeben...

Margin und padding kontrollieren.

[Spatzihasi]

Hallo ihr Beiden,

ok ich versuch mal mein Bestes und hoffe ich krieg es hin.

Wegen der Breite. Ich hab da halt auch noch an ein paar Leute gedacht die 800x600 Bildschirmgrösse haben aber vielleicht sollte ich da einfach schon an die mit 1024 denken.

Ich probier es aus mit den 980px.

PS: was sind media-queries?

Danke euch :)

[tefascos]

Es gibt wirklich nur sehr wenige Sachen, die man für jeden anpassen muss. Grundsätzlich kannst du mit Sachen wie responsive Webdesign und jQuery sehr viel machen. Für jeden Browser eine eigene CSS Datei, ich habe es noch nie gemacht und es war noch nie notwendig und die Seiten sind bestimmt nicht irgendwelche super einfachen.

[eidoero]

Wenn man gut mit dem CSS arbeitet und sich auch mit jQuery etwas auskennt, dann kann man grundsätzlich alles machen und bekommt auch keine Probleme, mit dem Design. Ich hatte nur ganz wenige Fälle, wo ich wirklich mal etwas anpassen oder abändern musste.:tease:

[Jenny]

Wenn man gut mit dem CSS arbeite
Dem stimme ich zwar 100%ig zu, aber der Thread ist wirklich schon ziemlich ALT!!!