Ich brauch mal Hilfe bei CSS und Browsertypen

T

Twister

0
Hallo,

ich versuch gerade für unseren Verein eine neue Homepage zu basteln. Allerdings bin ich recht unerfahren im Webdesign und habe ein paar Probleme die ich nicht zu beheben weis.
Ich hab im Internet ein fertiges CSS Menue gefunden und angepasst. Im IE funktioniert auch alles ganz gut allerdings wenn ich das mal mit Netscape bzw. Firefox aufrufe springt das Menü ein paar Millimeter nach rechts und die Schrift ist auch ganz anders.
Gibt das eine zusätzliche Abfrage für die Browsertypen und CSS ?
Ihr könnt da ja mal reinschauen und mir mal sagen was ich falsch gemacht habe bzw. was ich besser machen kann.

Die Menüpunkte Startseite und Wir über uns sind belegt und da sieht man dann auch was ich meine wenn man zwischen diesen wechselt.

Hier die Startseite

ich hoffe ich konnte das Problem beim Namen nennen. :D
 
Also mit meinem FF 1.0.6 siehts ganz ordentlich aus, kann da keinen Fehler entdecken
 
Also ich hab FF 1.0.7 und der Fehler ist einfach da. Öffnet die Seite mal mit dem IE und dann mit Netscape bzw. Firefox. DIe Schrift ist beim IE kleiner (so wie es sein soll) und bei den anderen beiden springt der Inhalt der Seiten nach links wenn auch nur ein paar Millimeter.
 
WIe FF = Netscape???? sind die eins? Hat der eine den anderen gefressen (wirtschaftlich gesehen)

Ist ja auch egal aber das hilft mir nicht weiter - ich habe nunmal dieses Problem...

Gibt das den eine Abfrage für CSS die für unterschiedliche Browser einen anderen Schriftgrad vorgibt?
 
Original von Twister
WIe FF = Netscape???? sind die eins? Hat der eine den anderen gefressen (wirtschaftlich gesehen)
Zum Vergrößern anklicken....

Ähm, nein. Wirtschaft gab es noch nie bei OpenSource-Browsern :D

Sowohl FireFox als auch Netscape Navigator basieren auf dem Mozilla-Browser. Die Unterschiede liegen nur in den verwendeten Plugins.

Du brauchst also eine Webseite nur mit einem dieser Browser (Mozilla, FF, Netscape) zu testen, das Ergebnis ist immer gleich (sofern auf der selben Mozilla-Version aufgebaut wird) ;)
 
gut - wusst ich nicht aber OK erspart das prüfen mit den Browsern :D

also da ich das Problem nicht finde würde ich mich freuen wenn mir mal jemand einen kleinen Codeschnipsel für ein CSS Menü mit 2 Ebenen -siehe meine Seite- erstellen könnte. Das was ich jetzt einsetze finde ich sehr umständlich. Mouseoverfunktion sollte aber dabei sein.
 
Jetzt seh ichs! :D
Aber der Contenttext ist anders, nicht der navitext...

Mach mal:
Code: 
* {
 margin:0px;
padding:0px;
font-size:0px;
}
Dann sollte es klappen :)

P.s. das ist kein reines css menu, das ist ne ganze Menge JS drinne.
Äusserst Unschön.
Aber mit der überlappung gehts wohl schlecht anders.

Original von Malo
Du brauchst also eine Webseite nur mit einem dieser Browser (Mozilla, FF, Netscape) zu testen, das Ergebnis ist immer gleich (sofern auf der selben Mozilla-Version aufgebaut wird) ;)
Zum Vergrößern anklicken....
Das glaub ich dir so nun nicht.
Dann hätte man den Firefox ja garnet schreiben und publizieren müssen, sondern nur nen Netscape Light oder sowas rausbringen. So einfach ist das sicher nicht..
 
Original von [starfoxx]
Original von Malo
Du brauchst also eine Webseite nur mit einem dieser Browser (Mozilla, FF, Netscape) zu testen, das Ergebnis ist immer gleich (sofern auf der selben Mozilla-Version aufgebaut wird) ;)
Zum Vergrößern anklicken....
Das glaub ich dir so nun nicht.
Dann hätte man den Firefox ja garnet schreiben und publizieren müssen, sondern nur nen Netscape Light oder sowas rausbringen. So einfach ist das sicher nicht..
Zum Vergrößern anklicken....

Glaubs mir, oder lass es bleiben. Es ist aber so.

Netscape Navigator basiert auf dem Mozilla Browser.
FireFox basiert auf dem Mozilla Browser.
Mozilla basiert auf dem Mozilla Browser.

Die 3 machen keine Unterschiede, was die Anzeige der Webseiten betrifft (evtl. gibt es Unterschiede, wenn eine andere Mozilla-Version benutzt wird...).

Wie das genau bei Netscape ist, weiß ich nicht. Aber Mozilla und FireFox sind beide OpenSource, d.h. der Quellcode ist frei erhältlich. Deshalb wird da auch so viel dran entwickelt.

Und eigentlich ist der FF auch nur ein überladenes Werkzeug. Das wichtigste ist im Standard-Mozilla drin, mehr braucht man nicht. Der Rest ist höchstens "Nice to have".


Allerdings haben die Browser z.T. verschiedene Features... so wird evtl. das Popup-Blocking anders aussehen, oder einige Sicherheitshinweise werden unterschiedlich sein.

Jeder dieser Browser hat so seine Vorzüge, was die (z.T. schon fest installierten) Plugins angeht ;)

Aber das HTML-Parsing der drei Browser ist IDENTISCH (sofern die selbe Mozilla-Version benutzt wird) ;)
 
Original von [starfoxx]
...Aber mit der überlappung gehts wohl schlecht anders....
Zum Vergrößern anklicken....

doch....mit css2 sollte dies auch ohne javascript moeglichk sein.....aber unser "lieblingsbrowser" wird das auch in absehbarer zeit nicht unterstuetzen.
 
hmmm ...

also ich hab das

margin:0px;
padding:0px mal in die CSS Datei eingetragen im bodytag - komischerweise was ich mir nicht erklären kann wird die Schrift dadurch kleiner ?!? Warum auch immer, denn ich hab das "font-size:0px" nicht genommen. allerdings bleibt dann immer noch das Problem das sich die Seite etwas versetzt nach links. Ja das Menü hat Position absolute das kann nicht weg aber sobald mehr Seiteninhalt vorhaden ist bekomme ich ja den Scrollbalken und dann springt das aus den Fugen. Ich bekomme ja auch einen Scrollbalken für das seitliche verschieben der Seite - auch das kann ich mir nur so erklären das der Seiteninhalt durch den vertikalen Scrollbalken kleiner wird und so der Horizontale Scrollbalken erscheint. Wie man im Quelltext lesen kann habe ich aber eine Tabelle mit 750 px Breite erstellt. Bei meiner Auflösung von 1024x768 erhalte ich den Scrollbalken trotzdem.

Omenno echt voll nervig der Kram... :(
 
Original von Malo
Netscape Navigator basiert auf dem Mozilla Browser.
FireFox basiert auf dem Mozilla Browser.
Mozilla basiert auf dem Mozilla Browser.)
Zum Vergrößern anklicken....
Klarklar, die allseitsbeliebt gecko-engine.
Nur kann ich mir fast nicht vorstellen dass sachen wie png24 usw. nicht eine Weiterentwicklung benötigten, davon ausgehen dass die Entwicklung des Netscape-Browsers vor geraumer Zeit eingestellt wurde. Daher gehe ich davon aus dass, da Netscape tot ist, Firefox/Mozilla weiterentwickelt sind, und somit anders darstellen. Ich werde mich informieren.

Original von Twister
[...]mal in die CSS Datei eingetragen im bodytag - komischerweise was ich mir nicht erklären kann wird die Schrift dadurch kleiner ?!?
Zum Vergrößern anklicken....
Was macht dass den bitte im bodytag?!
Das kommt stinknormal in den css codeabschnitt bzw ins stylesheet.

Original von soox
doch....mit css2 sollte dies auch ohne javascript moeglichk sein.....aber unser "lieblingsbrowser" wird das auch in absehbarer zeit nicht unterstuetzen.
Zum Vergrößern anklicken....
Natürlichnatürlich, aber ich habe es mir angewöhnt webdesigntechnisch im jetzt zu leben.
Solang "Firmen" wie microsoft browsertechnisch Marktführer sind macht es eh keinen Sinn in die Zukunft zu schauen.
 
Original von [starfoxx]
Solang "Firmen" wie microsoft browsertechnisch Marktführer sind
Zum Vergrößern anklicken....

Ich denke nicht, dass so viele Leute wirklich den IE benutzen. Alleine wegen des Tabbed Browsing haben die Meisten wohl schon Opera und FF als ihre Lieblinge anerkannt, und das wird der IE wohl auch nicht mehr wirklich aufholen können mit dem IE7 ;)
 
@starfoxx
Was macht dass den bitte im bodytag?!
Zum Vergrößern anklicken....
ich meinte natürlich nicht den Bodytag sondern den dem entsprechenden Bereich in der CSS Datei.

Gut da hier keiner eine Lösung für mein Problem findet mal was anderes.
kann man Scrollbalken für Mozilla und Co erzwingen? So wie denke, liegt dieses verspringen nach Links, nur an dem Scrollbalken der kommt wenn die Seite länger ist. Wenn ich nun auch auf den kurzen Seiten einen Scrollbalken erzwinge (ohne 50 <br>'s bitte) - weil beim IE sind die Scrollbalken inaktiv da, nur bei den anderen eben nicht.
Kennt sonst jemand eine gute Seite, wo ich ein anderes Menü finden kann wenn möglich in der Gestaltung so wie das was ich eingesetzt habe?
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben