b-guided: verschiedene CSS für unterschiedliche Browserfenstergrößen

Beitrag lesen

'ǝɯɐu$ ıɥ

Wie finde ich zudem heraus ob ich schon mit css3 arbeite und die mediaqueries nutzen kann?

Hä? Wer außer dir weiß was du tust? Oder meinst du welche Browser das unterstützen?

Deiner Antwort nach zu urteilen ist das mit dem css3 also browserabhängig und hat nichts mit meinem Stylesheet zu tun.

Falsch, DU schreibst in deinem CSS CSS3, ob und was verschiedene Browser davon umsetzen ist deren Sache. Stell dir vor du sagst deiner Frau: "Bring mir ein Bier", vlt. macht Sie es oder auch nicht, nur das ein Browser dich einfach ignoriert und nicht in die *piep* tritt.

Du weißt anscheinend nicht was zu CSS3 gehört und was nicht, das sollte überall Dokumentiert sein, sprich: da wo du die CSS Anweisungen her hast sollten auch die Einschränkungen dabei stehen, es gibt sicher auch eine Übersicht der CSS3 Anweisungen und der Browserumsetzung. Tantchen wird dich da gerne Beraten.

Kannst Du mir bzgl. meiner weiteren Fragen Rat geben? Habe in einem Stylesheet einen "Trick" (im Netz gefunden) angewendet um den div-Container im Browserfenster zu zentrieren. Wenn ich dann allerdings das Browserfenster kleiner mache (bitte selber testen und nachvollziehen) schiebt es mir den oberen Teil des Containers aus dem Browserfenster raus. Bin natürlich auch für andere elegante Lösungen des Problems offen ...

Wenn ich deinen Trick kennen würde ganz sicher aber, meine Glaskugel ist in der Reinigung was das Testen angeht: ohne Code, erst mal können vor Lachen. Halt dich an http://aktuell.de.selfhtml.org/artikel/css/ausrichtung/index.htm.

Ich bezweifle übrigens das ein DIV aus dem "Browserfenster" herausragt.

ssnɹƃ
ʍopɐɥs

Hallo nochmals,

Freut mich, dass Du Dich mit diesen Amateurfragen beschäftigen kannst während Deine Glaskugel in der Reinigung ist.

anbei der "Trick" aus meinem CSS:

.BODY {
height: 538px;
width: 816px;
top: 50%;
left: 50%;
position: absolute;
margin-top: -269px;
margin-left: -408px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #666666;
text-decoration: none;
background-image: url(../Images/BACKGROUND.png);
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
z-index: 2;
}

Das Ergebnis, dass der Container auch in der Höhe zentriert ist und nach oben rausschiebt kannst Du unter

http://www.b-guided.de/KSM/IndexTEST.html

testen und nachvollziehen.

Der Trick soll wohl der sein, bei marin-top und margin-left mit negativen Werten (height/2, width/2)zu arbeiten. Vielleicht gibts aber auch dafür eine funktionalere Lösung!?

Grüsse