Mozilla / Internetexplorer zeigt die Webseit nicht richtig an

[peyman]

Moin,

bin seit paar Tagen mit der Website weswegen ich hier mal um hilfe gefragt hab im großen und ganzen eigentlich fertig.

Was mir heute aufgefallen ist, das die Website unter Mozilla etwas anders angezeigt wird als bei Chrome.

Z.b fehlt mir bei Mozilla das Logo oben Links obwohl es im Chrome Problemlos angezeigt wird. Beim Internetexplorer ist es da aber hat einen schwarzen rahmen ?

Wie kann sowas seien ? Könnten Webkits die Lösung seien?
edit:
sorry die seite ist www.contentmedia.de login: content pw: media

 

[Cheffchen]

Hallo,

oi oi oi.

Das mit dem inhalt wechsel hast ja hin bekommen aber der rest ist genau das.

Wegen Rahmen um Bild:
hast per css rahmen um bilder auf 0 gesetzt.

img{border:none;}

für sowas gibts reset.css

Dann ist der bildpfad vom logo auch falsch und wird deswegen im FF bestimmt nicht angezeigt, kann sein das IE das egal ist, ist halt IE.
ist

<img style="margin-left:18%; margin-top:7%;" src="image\logo_content_media.png" alt="home">

soll

<img style="margin-left:18%; margin-top:7%;" src="image/logo_content_media.png" alt="home">

noch richtiger ist aber

<img style="margin-left:18%; margin-top:7%;" src="./image/logo_content_media.png" alt="home">

Las mich raten hast Desktop mit mindest 19'' bzw. über 1600px viewport.
Glaub mir es gibt leute die haben kleiner und da geht das ja gar nicht.

Cheffchen

 

[peyman]

erstmal danke. werd die dinger mal umsetzten .

das mit der auflösung stimmt. bei 1024*786 ist halt nicht so dolle.

mit min-width ist das problem nicht zu lösen oder ?

 

[Cheffchen]

Hallo,

nein, nicht so richtig.

dir ist schon klar das die iDingens eine auflösung von 1024 haben und viel Laptops das auch nicht größer haben.
Da musst wohl schon bei 1024 mit media query anfangen.

Cheffchen

 

[peyman]

Bin mal auf dieses video hier gestoßen. CSS3 Tutorial - Responsive Website Layout Media Queries CSS Stylesheets - YouTube

So kann ich ja das Problem mit den unterschiedlichen Vieports ja lösen.

Wenn ich sag ich mal die Website "nochmal" erstell für ne auflösung 1024 und im head das so angebe das der dann dementsprechend das andere css laden soll ist ja das Problem beseitig oder seh ich das falsch?

Weil dann hätt ich die version unter 1024 und die aktuelle über 1024

 

[Tronjer]

Du erstellst ja nicht alles nochmal, sondern schreibst nur bestimmte Klassen um.

Aber schau dir lieber diese Tutorialreihe an:
Twitter Bootstrap Tutorial 1 - Introduction / Setup - YouTube

 

[peyman]

ach und danke nochmal an cheffchen für den tip mit reset css. Hat wunderbar funktioniert und wird morgen mit aufm server gepackt

 

[peyman]

Moinsen Leute, ich hab mich mal an das Responsives Design gewagt. Jetzt hab ich mal eine frage. Imgrunde funktioniert alles. Ändert sich die Displaygröße wird ein anderes stylesheet geladen. Jetzt ist mir aufgefallen das wenn man auf der contentmedia seite geht ( content pw media ) und auf onsite marketing ladet er egal bei welcher größe das diagramm aus der mediumonside ( ist das css für kleinere display) alles andere klappt ja. Ist der Viewport größer wird das normale geladen ist es kleiner das andere aber dafür bleibt immer das diagramm ausm kleinen stylesheet. Wie kann das seien ? das ist mir auch schon beim backgroundimage aufgefallen. Er ladet immer nur das Backgroundimage aus nem den kleinen , alles andere übernimmt er vom großen wenn der viewport größer ist

 

[Cheffchen]

Hallo,

was hälst von absätze um deine fragen etwas zu trennen, is nich einfach zu verstehen was möchtest

#diagram steht nur in der min-width:600px also wird das immer genommen wenn >600.

Das mit Backgroundimage habe ich nicht verstanden, schau doch einer mit Firebug nach was der macht.

Cheffchen