Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

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, 1694 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 ..
Neuester Wissensbeitrag
Ähnliche Inhalte
Webentwicklung
Suche Website für Fotogalerien! (5)

Frage von Interception zum Thema Webentwicklung ...

Verschlüsselung & Zertifikate
Wie viele Zertifikate für RDP, VPN, Website, OWA etc (3)

Frage von sabines zum Thema Verschlüsselung & Zertifikate ...

Windows 10
gelöst AIO Image Erstellung - Darstellungsfehler im Windows Setup (2)

Frage von m.reeger zum Thema Windows 10 ...

Webentwicklung
Suche nach Inspirationen für eine Website (8)

Frage von Yanmai zum Thema Webentwicklung ...

Heiß diskutierte Inhalte
DSL, VDSL
gelöst DSL 200m verlängern (15)

Frage von Angela44 zum Thema DSL, VDSL ...

LAN, WAN, Wireless
Per Script auf UniFi-controller zugreifen und WPA2-Key ändern (11)

Frage von Winfried-HH zum Thema LAN, WAN, Wireless ...

Windows Server
SBS 2011 Standard virtualisieren (11)

Frage von HeinrichM zum Thema Windows Server ...

Exchange Server
gelöst DHCP Sever MS Server 2012 Problem (10)

Frage von Florian86 zum Thema Exchange Server ...