Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

Ich brauch mal Hilfe bei CSS und Browsertypen

Diskussion: Ich brauch mal Hilfe bei CSS und Browsertypen im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hallo, ich versuch gerade für unseren Verein eine neue Homepage zu basteln. Allerdings bin ich recht unerfahren im Webdesign ...

Antwort
Alt 12.10.05, 21:16   #1 (permalink)
 
Registriert seit: 12.07.03
Twister Leistung: Facit NTK
Likes: 0
Standard Ich brauch mal Hilfe bei CSS und Browsertypen

Anzeige

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

Twister ist offline   Mit Zitat antworten
Alt 12.10.05, 21:38   #2 (permalink)
 
Registriert seit: 22.05.05
Ranger Leistung: Facit NTK
Likes: 0
Standard

Also mit meinem FF 1.0.6 siehts ganz ordentlich aus, kann da keinen Fehler entdecken
Ranger ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 12.10.05, 21:41   #3 (permalink)
Senior Member
 
Registriert seit: 18.09.05
[starfoxx] Leistung: Facit NTK
Likes: 0
Standard

In 1.0.7 auch.
Hab keinen anderen zur Hand.

Ferner, verigss netscape, die haben 0.5% Marktanteil oder so..
[starfoxx] ist offline   Mit Zitat antworten
Alt 12.10.05, 21:43   #4 (permalink)
Themenstarter
 
Registriert seit: 12.07.03
Twister Leistung: Facit NTK
Likes: 0
Standard

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.
Twister ist offline   Mit Zitat antworten
Alt 12.10.05, 21:44   #5 (permalink)
 
Registriert seit: 18.07.05
Malo Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von [starfoxx]
Ferner, verigss netscape, die haben 0.5% Marktanteil oder so..
Tja, wenn man jetzt noch wüsste, dass FF = Netscape...
Malo ist offline   Mit Zitat antworten
Alt 12.10.05, 21:49   #6 (permalink)
Themenstarter
 
Registriert seit: 12.07.03
Twister Leistung: Facit NTK
Likes: 0
Standard

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?
Twister ist offline   Mit Zitat antworten
Alt 12.10.05, 21:54   #7 (permalink)
 
Registriert seit: 18.07.05
Malo Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von Twister
WIe FF = Netscape???? sind die eins? Hat der eine den anderen gefressen (wirtschaftlich gesehen)
Ähm, nein. Wirtschaft gab es noch nie bei OpenSource-Browsern

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)
Malo ist offline   Mit Zitat antworten
Alt 12.10.05, 22:02   #8 (permalink)
Themenstarter
 
Registriert seit: 12.07.03
Twister Leistung: Facit NTK
Likes: 0
Standard

gut - wusst ich nicht aber OK erspart das prüfen mit den Browsern

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.
Twister ist offline   Mit Zitat antworten
Alt 12.10.05, 22:42   #9 (permalink)
Senior Member
 
Registriert seit: 18.09.05
[starfoxx] Leistung: Facit NTK
Likes: 0
Standard

Jetzt seh ichs!
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.

Zitat:
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)
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..
[starfoxx] ist offline   Mit Zitat antworten
Alt 12.10.05, 22:56   #10 (permalink)
 
Registriert seit: 18.07.05
Malo Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von [starfoxx]
Zitat:
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)
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..
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)
Malo ist offline   Mit Zitat antworten
Alt 12.10.05, 23:13   #11 (permalink)
Moderator
 
Registriert seit: 17.10.01
soox Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von [starfoxx]
...Aber mit der überlappung gehts wohl schlecht anders....
doch....mit css2 sollte dies auch ohne javascript moeglichk sein.....aber unser "lieblingsbrowser" wird das auch in absehbarer zeit nicht unterstuetzen.
soox ist offline   Mit Zitat antworten
Alt 12.10.05, 23:28   #12 (permalink)
Themenstarter
 
Registriert seit: 12.07.03
Twister Leistung: Facit NTK
Likes: 0
Standard

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...
Twister ist offline   Mit Zitat antworten
Alt 13.10.05, 00:30   #13 (permalink)
Senior Member
 
Registriert seit: 18.09.05
[starfoxx] Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von Malo
Netscape Navigator basiert auf dem Mozilla Browser.
FireFox basiert auf dem Mozilla Browser.
Mozilla basiert auf dem Mozilla Browser.)
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.

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

Zitat:
Original von soox
doch....mit css2 sollte dies auch ohne javascript moeglichk sein.....aber unser "lieblingsbrowser" wird das auch in absehbarer zeit nicht unterstuetzen.
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.
[starfoxx] ist offline   Mit Zitat antworten
Alt 13.10.05, 13:57   #14 (permalink)
 
Registriert seit: 18.07.05
Malo Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von [starfoxx]
Solang "Firmen" wie microsoft browsertechnisch Marktführer sind
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
Malo ist offline   Mit Zitat antworten
Alt 13.10.05, 14:15   #15 (permalink)
Senior Member
 
Registriert seit: 18.09.05
[starfoxx] Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von [starfoxx]
Code:
* {
 margin:0px;
padding:0px;
font-size:0px;
}
sollte überigens font-size:10px; heissen.
Ist mir ebenerst aufgefallen.

[starfoxx] ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » Ich brauch mal Hilfe bei CSS und Browsertypen
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
brauch hilfe mit knoppix cd NoFuture Linux/UNIX 2 18.03.07 12:56
Hackit-- brauch hilfe! Godfather06 Hacks & Crackmes 8 05.05.06 22:03
brauch mal hilfe...! schweiz HaBo Lounge 8 14.06.05 09:44
[hilfe] Ich Brauch Dringend Eure Hilfe ... VoodooManiax Cryptography & Encryption 5 19.04.02 07:38


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61