✔ Wie Homepage für verschiedene Auflösungen passend machen?

:(
Wie schaut es denn im IE6 und IE7 aus wenn du im Quelltext den Zusatz
HTML: 
<!--[if IE ]>
<style type="text/css">
.inner {top:50%;left:0;}
.inner p{top:-50%;        position:relative;}
</style>
<![endif]-->

entfernst ?
Im IE8 wird er dann ja richtig dargestellt....


Gruss
Thorsten
 
Das klappt :)
Aber wird der Code nun im IE 7 und 6 auch richtig angezeigt da das
HTML: 
<!--[if IE ]>
ja in
HTML: 
<!--[if lt IE 8]>
umbenannt wurde.

Oder kann man einfach beide Ausdrücke drin lassen ?



Das hier habe ich auch gerade gefunden:
Um die von Internet Explorer 8 unterstütze CSS-Eigenschaften (die, die im IE 8 neu sind) verwenden zu können, muss eine Webseite im Modus IE8 oder höher gerendert werden (z.B. durch die Angabe des entsprechenden Meta-Elements)

Es ist möglich auch andere Angaben zum X-UA-Compatible-Modus zu machen, als die oben vorgestellten. In so einem Fall wird der Internet Explorer den nächstmöglichen Modus auswählen.
So z.B. wird ein <meta http-equiv="X-UA-Compatible" content="IE=foo"> als IE5-Modus, ein <meta http-equiv="X-UA-Compatible" content="IE=7.5"> als IE7-Modus und ein <meta http-equiv="X-UA-Compatible" content="IE=9"> als IE8-Modus behandelt.
Um mehrere Modi anzugeben , kann man diese durch Semikolon voneinander trennen: <meta http-equiv="X-UA-Compatible" content="IE=5; IE=8">. Diese Angabe würde den IE7-Modus explizit ausschließen, sofern der verwendete Version des Internet Explorers die Angaben zu mehr als einem Modus unterstützt.
Zum Vergrößern anklicken....
 
Mit dem enthaltenden Operator "lt" ("less-than" = kleiner als) werden die Vorgängerversionen des IE8 angesprochen.

mfg Maik
 
Hallo Maik

achso
lt "less than": kleiner als

das ist ja cool

Ohne Dich wäre ich da jetzt aufgeschmissen gewesen
Wie auch ganz am Anfang :)
Ich möchte dir nochmals riesig danken für diene super Hilfe !

Gruss
Thorsten
 
Noch eine kurze Frage zu dem Codeschnipsel

HTML: 
<!--[if lt IE 8]>
<style type="text/css">
.inner {top:50%;left:0;}
.inner p{top:-50%;        position:relative;}
</style>
<![endif]-->

Da ich ja im unteren Bereich auch Inner und Outer definiert habe muss das doch bestimmt auch in diesen Coder rein.
Leider kann ich das auf Grund IE8 nicht kontrollieren ob das so richtig ist.

Der neue Code müsste doch bestimmt so aussehen, oder ?
(Inner2 und Outer2 sind die Benennungen im CSS)

HTML: 
<!--[if lt IE 8]>
<style type="text/css">
.inner {top:50%;left:0;}
.inner p{top:-50%;        position:relative;}
.inner2 {top:50%;left:0;}
.inner2 p{top:-50%;        position:relative;}
</style>
<![endif]-->

Gruss
Thorsten
 
Ähm, die beiden neuen Klassen .outer2 und .inner2 sind doch absolut überflüssig :-)
Code: 
<div id="unten">
<div class="outer">
<div class="inner">
<p>UNTEN</p>
</div>
</div>
</div>


Übrigens lassen sich Selektoren mit den gleichen CSS-Formatierungen gruppieren:
CSS: 
.inner, .inner2 {top:50%;left:0;}
.inner p, .inner2 p{top:-50%;        position:relative;}


mfg Maik
 
Hallo Maik
Jau das klappt
Mein Fehler war, das ich bei jedem neuen Inner und Outer die Hintergrundfarbe neu festgelegt habe, da unten eine andere Farbe sein sollte.
Nun habe ich das dirket in mitte oder unten definiert und brauche das nicht mehr in inner und outer zu machen.

Danke für die Hilfe !

Gruss
Thorsten
 
Hallo Maik

ich bin imme rnoch am basteln und heute ist mir auf der Arbeit aufgefallen, daß die Container hier im IE6 nicht richtig angezeigt werden. Zu hause im IE8 und im Forefox ging das einwandfrei.
Wenn ich aus dem Quelltext wieder das
HTML: 
<!--[if lt IE 8]>
<style type="text/css">
.inner {top:50%;left:0;}
.inner p{top:-50%;        position:relative;}
.inner2 {top:50%;left:0;}
.inner2 p{top:-50%;        position:relative;}
</style>
<![endif]-->
rausnehme dann ging das (Zumindest sieht es besser aus, auch wenn es nicht mittiig ist... ? *grummel* )

Da ich keinen Quellcode von hier posten kann, hier einmal der Link für dich zum gucken:
http://www.sp-fotostudio.de/test
(Ich habe allerdings nur die Startseite angepasst)

Gruss
Thorsten
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück