Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Darstellungsfehler von Website

Frage Entwicklung CSS

Mitglied: m.reeger

m.reeger (Level 2) - Jetzt verbinden

28.11.2013, aktualisiert 14:11 Uhr, 1721 Aufrufe, 5 Kommentare

Hallo liebe Admins & Webdesigner,

ich bin zur Zeit dabei mir eine eigene Website zu erstellen, doch leider komme ich gerade nicht weiter!

In Google Chrome wird die Website richtig dargestellt in Firefox, Internet Explorer und Safari wird die Navigation etwas versetzt dargestellt.

Hier mal der Link zur Website: https://www.reeger.net/

Vielleicht kann mir ja jemand helfen das Problem zu lösen oder hat Verbesserungsvorschläge.
Ich bin Ratlos und befreundete Webdesigner wissen auch nicht weiter.

Schöne Grüße!


Edit:
So sollte es aussehen:
bd6963e303d8ca2fa72879c24e4a3611 - Klicke auf das Bild, um es zu vergrößern

So sieht es im Firefox / IE aus:
dac603369502ecaeb012fc02ddeb645d - Klicke auf das Bild, um es zu vergrößern
Mitglied: firefly
28.11.2013, aktualisiert um 14:00 Uhr
Hi,

lass Deine Seite doch mal gegen den W3C HTML/XHTML Validator: http://validator.w3.org und dem W3C CSS Validator http://jigsaw.w3.org/css-validator/ laufen. Evtl. erkennst du dann schon ein paar Fehler auf Deiner Seite.

Bei mir sieht es unter dem Safari (Mac Version 7) übrigens richtig aus. Füge doch mal zwei Screenshot hinzu (einen wie es sein soll und einen wie es falsch ist).

Gruß
firefly
Bitte warten ..
Mitglied: m.reeger
28.11.2013 um 14:13 Uhr
Besten Dank schonmal für die Antwort.
Habe im Firefox Plugins wie Firebug etc. drinne leider wird kein Fehler ausgegeben.

Werde es mal mit den Validatoren versuchen.
Bitte warten ..
Mitglied: Xaero1982
28.11.2013, aktualisiert um 14:19 Uhr
Moin,

01.
@charset "utf-8"; 
02.
/* CSS Document */ 
03.
 
04.
 
05.
body { 
06.
	width: 960px; 
07.
	height: auto; 
08.
	margin-left: auto; 
09.
	margin-right: auto; 
10.
11.
#site { 
12.
	width: 960px; 
13.
	height: auto; 
14.
	margin-left:auto; 
15.
	margin-right:auto; 
16.
17.
 
18.
header { 
19.
	width: 100%; 
20.
	margin: 0; 
21.
	padding: 0; 
22.
23.
 
24.
header ul { 
25.
	 
26.
27.
header li  { 
28.
	 
29.
30.
#logo { 
31.
	width:960px; 
32.
	height:70px; 
33.
	margin: auto;	} 
34.
 
35.
nav { 
36.
	width: 960px; 
37.
	height: 70px; 
38.
	margin: auto auto 20px auto; 
39.
	display: table; 
40.
41.
 
42.
nav ul { 
43.
	display: table-row; 
44.
45.
 
46.
nav li { 
47.
	display: table-cell; 
48.
49.
 
50.
nav a { 
51.
	float: left; 
52.
	width: 190px; 
53.
	height: 60px; 
54.
	line-height: 60px; 
55.
	text-align: center; 
56.
	text-decoration: none; 
57.
	color: #333; 
58.
	border: 1px solid #CCC; 
59.
	border-radius: 15px; 
60.
61.
 
Ersetze das mal und versuchs im Chrome noch mal. Im Opera, IE, FF gehts

Gruß
Bitte warten ..
Mitglied: m.reeger
28.11.2013 um 14:29 Uhr
@Xaero1982
Daumen Hoch!
Tausend Dank!!!!!
Endlich passt es ^^


Wie immer einmal schnell eine Lösung gefunden
Bitte warten ..
Mitglied: Xaero1982
28.11.2013, aktualisiert um 14:34 Uhr
Schön, habs gesehen

Na dann frohes Basteln noch.

Ums kurz zu erklären: Opera&Co. beachten da wohl eine gewisse Hierarchie - deswegen im ersten: Table dann table-row und dann table-cell.

Gruß
Bitte warten ..
Ähnliche Inhalte
Windows 10
Win10 Darstellungsfehler
Frage von PitbullracerWindows 103 Kommentare

Guten Abend, Hardware HP dc5800 - Intel® Q33 Express chipset - Intel Core™ 2 Duo processors - Intel Graphics ...

Webbrowser
Darstellungsfehler im IE 11
Frage von powi11Webbrowser5 Kommentare

Hallo erstmal, habe Windows7, und in meinem IE 11 wird, wenn ich mich als Administrator anmelde die Startseite (Krone.at) ...

Webbrowser
Darstellungsfehler bei Bildern im Internet
Frage von TaumelWebbrowser7 Kommentare

Hallo User! Habe folgendes Problem: Wenn ich Internetseiten öffne wie zb. Ebay, werden die Bilder nicht angezeigt. Woran kann ...

Webbrowser
Darstellungsfehler von Icons in jedem Browser
Frage von Stefan2733Webbrowser3 Kommentare

Hallo Zusammen, ich habe 2 Rechner mit Win7 (Stand-PC und Firmen-Laptop (Dell E5530)) wobei mir letztens aufgefallen ist, dass ...

Neue Wissensbeiträge
Erkennung und -Abwehr

Necur-Botnet soll Erpressungstrojaner Scarab massenhaft verbreiten

Information von BassFishFox vor 4 StundenErkennung und -Abwehr

12,5 Millionen Spam-Mails aus einem Bot-Netz mit 6 Millionen Computern? Eigentlich eine schwache Leistung. Die Erpresser setzen dabei auf ...

Microsoft

Nadeldrucker-Problem unter Windows - Microsoft liefert Updates

Information von BassFishFox vor 5 StundenMicrosoft

Hat ja nicht lange gedauert. Nachdem die November-Updates für Windows 7, 8.1 und 10 zahlreiche Nadeldrucker lahmgelegt hatten, stellt ...

Linux

Limux-Ende in München: Wie ein Linux Projekt unter Ausschluss der Öffentlichkeit zerstört wurde

Information von Frank vor 12 StundenLinux14 Kommentare

Mein persönlicher Kommentar zum Thema "Limux-Ende". Die SPD-Politikerin Anne Hübner hat die Richtung von München ganz klar definiert: "Wir ...

Batch & Shell

Open Object Rexx: Eine mittlerweile fast vergessene Skriptsprache aus dem Mainframebereich

Information von Penny.Cilin vor 1 TagBatch & Shell9 Kommentare

Ich kann mich noch sehr gut an diese Skriptsprache erinnern und nutze diese auch heute ab und an noch. ...

Heiß diskutierte Inhalte
Linux
Limux-Ende in München: Wie ein Linux Projekt unter Ausschluss der Öffentlichkeit zerstört wurde
Information von FrankLinux14 Kommentare

Mein persönlicher Kommentar zum Thema "Limux-Ende". Die SPD-Politikerin Anne Hübner hat die Richtung von München ganz klar definiert: "Wir ...

Router & Routing
Zwei Netzwerke erstellen
Frage von bunteblumeRouter & Routing14 Kommentare

Hallo Zusammen, Ich möchte gerne ein backup von einem bestimmten Folder welcher auf dem Server regelmässig synchronisiert wird auf ...

Windows Server
Kann man im KMS nachschauen , wieviele Clients den Key in Anspruch genommen haben
gelöst Frage von rainergugusWindows Server14 Kommentare

Hallo, wir haben einen KMS Windows 10 Key. Dieser ist ja W7 kompatibel. Aber unser Windows 7 Pool registriert ...

Off Topic
Fachkräftemangel in Deutschland? - Talentschmiede schreibt alle 2 Tage die gleichen Stellen aus
Frage von Penny.CilinOff Topic12 Kommentare

Hallo, haben wir in Deutschland Fachkräftemangel? Die Talentschmiede schreibt gefühlt alle zwei Tage dieselben Stellen aus. Und das schon ...