Erledigt Css Code / XHTML 1.0

Hallo neues Problem:
In Opera und Firefox wird die Seite perfekt dargestellt mit funktionierender Sidebar,Menu,Content,Hover und so weiter aber in verschiedenen Browsern gibt es verschidene Probleme:
Internet Explorer:
-Hover des Menu klappt nicht
-Content ist ein wenig überm Menü
-Content wird links eingeschnitten
Google Chrome und Safari:
-Content steht stark überm Menü
Im klartext brauch ich also so was:(siehe letzen Beitrag)
ICH SUCHE EINEN CODE DER JE NACH BROWSER DIE STYLE DATEI DES JEWEILGEN BROWSER LÄDT ALSO SO:
if Internet Explorer load Style_IE.css
if Google Chrome load Style_CHROME.css
if Firefox load Style.css
if Opera load Style.css
if Safari load Style_SAFARI.css
if any other load Style.css

aber es gibt das Problem das es nur einen code für Internet Explorer gibt was kann ich tuen?
:crying:

Hallo bixx,

Wird dir vielleicht weiter helfen. :wink:

//Edit vergessen:

#content { [...] padding-left: 10px; }

Setzt mal in der Breite nur 990px bei #content.

Gruss fishi

Hallo neues Problem:
In Opera und Firefox wird die Seite perfekt dargestellt mit funktionierender Sidebar,Menu,Content,Hover und so weiter aber in verschiedenen Browsern gibt es verschidene Probleme:


Internet Explorer:
-Hover des Menu klappt nicht
-Content ist ein wenig überm Menü
-Content wird links eingeschnitten

Google Chrome und Safari:
-Content steht stark überm Menü

Bitte helft mir ich bin am verzweifeln.Danke im Vorraus.
DANKE

Siehe meinen Edit ;D

Hallo neues Problem:
In Opera und Firefox wird die Seite perfekt dargestellt mit funktionierender Sidebar,Menu,Content,Hover und so weiter aber in verschiedenen Browsern gibt es verschidene Probleme:


Internet Explorer:
-Hover des Menu klappt nicht
-Content ist ein wenig überm Menü
-Content wird links eingeschnitten

Google Chrome und Safari:
-Content steht stark überm Menü

Bitte helft mir ich bin am verzweifeln.Danke im Vorraus.
DANKE

#content_bottom{ width: 1000px; height: 84px; background: url(http://www.bixx.bplaced.net/DesignDateien/contentunten.png); float: left; left: 20px; }

Bixx sag mir wieso der „#content_bottom“ 84px hoch ist. :susp: (darin „liegt“ die Lösung…)

Hallo neues Problem:
In Opera und Firefox wird die Seite perfekt dargestellt mit funktionierender Sidebar,Menu,Content,Hover und so weiter aber in verschiedenen Browsern gibt es verschidene Probleme:


Internet Explorer:
-Hover des Menu klappt nicht
-Content ist ein wenig überm Menü
-Content wird links eingeschnitten

Google Chrome und Safari:
-Content steht stark überm Menü

Bitte helft mir ich bin am verzweifeln.Danke im Vorraus.
DANKE

Hi,

der Internet Explorer unterstützte bis Version 7 keine :hover-Pseudoklasse auf nicht-a-Elementen. Du solltest mal deinen Internet Explorer updaten und es nochmal probieren.

Zum Problem mit den nicht funktionierenden “Hotspots” (den Begriff hab ich noch nie in diesem Kontext gehört): Der Contentbereich überlappt die absolut positionierte Sidebar teilweise. Deshalb sind die Links nicht klickbar. Zur Verdeutlichung hab ich einmal #contentbereich hervorgehoben: img.xrmb2.net/images/151178.png

ICH SUCHE EINEN CODE DER JE NACH BROWSER DIE STYLE DATEI DES JEWEILGEN BROWSER LÄDT ALSO SO:
if Internet Explorer load Style_IE.css
if Google Chrome load Style_CHROME.css
if Firefox load Style.css
if Opera load Style.css
if Safari load Style_SAFARI.css
if any other load Style.css

aber es gibt das Problem das es nur einen code für Internet Explorer gibt was kann ich tuen?
:crying:

Ich hoffe man darf pushen weil es ist ziemlich dringend und bin ja kurz vor der lösung …

man könnte natürlich auch selbst mal bei google oder selfhtml schaun, aber um es dir etwas leichter zu machen: http://de.selfhtml.org/css/layouts/browserweichen.htm :wink:

hat ich auch schon gefunden das hat mich ja auf die idee mit dem if Browser then load gebracht aber da ist nur IE und browserweichen die mir aber nichts bringen …

So wie dein Quellcode ausschaut, wundert es mich auch wirklich nicht, dass da jeder Browser sein eigenes Süppchen kocht.

Du hast nichtmal -Tags verwendet.

validator.w3.org/check?uri=http: … laced.net/

Und wenn man dem Validator ein wenig hilft:
validator.w3.org/check?uri=http: … L5&group=0

[quote=“michi7x7”]So wie dein Quellcode ausschaut, wundert es mich auch wirklich nicht, dass da jeder Browser sein eigenes Süppchen kocht.

Du hast nichtmal -Tags verwendet.

validator.w3.org/check?uri=http: … laced.net/

Und wenn man dem Validator ein wenig hilft:
validator.w3.org/check?uri=http: … L5&group=0[/quote]
so hab ich gemacht und jetzt stimmt noch weniger :Crying:

Du hast eine Meta-Angabe vor dem öffnenden HTML-Tag, in der du utf-8 angibst. Weiter unten im Head-Teil gibst du dann iso-8859-1. Du solltest dich entscheiden :wink:

gut jetzt ist es wieder wie vor dem Taggen :smiley:
Also back to topic wie kann man wenn Chrome load Style_CHROME.css
IE load Style_IE.css
FF load Style.css
opera load Style.css
usw. machen?

Schau dir doch erstmal den Link an, bereinige dann die Fehler und dann sollte die Seite auch zumindest unter Opera/FF/Chrome gleich und richtig angezeigt werden.

Shi* jetzt stimmts schon wieder weniger -.-
Durch dieses taggen und so wird der code nur falscher :CRYING:

Wenn man keine Ahnung hat, was man tut und auch nicht willens ist, sich das fehlende Wissen anzueignen, ist das durchaus möglich. Wie gesagt: strukturier erstmal dein HTML-Grundgerüst richtig, behebe dann die restlichen Fehler…

kauf dir ein Buch und nimm dir die Zeit es zu lesen und zu verstehen
weine-weine-machts-mir-fertig gibts hier nicht

nimms mir nicht übel, aber das ist keine Art
Ich geh auch nicht zu meinem Prof und sag ‘ich brauch ne KI, gib mir, bau mir’