Margin in prozent, prozent nur abhänig von breite?

Computer: Software & Programmierung HTML & CSS
#1

liebe wissende
es ist mir schon ein paar mal aufgefallen, dass wenn man eine webseite hat, die ein zentriertes element hat (margin-right:auto;margin-left:auto:wink: das einen relativen abstand zur oberen fensterrand hat (margin-top:10%:wink: nach oben rutscht, sobald man auch nur die breite des fensters verstellt. (jedenfalls im firefox)
bisher dachte ich immer, dass sich die relativen angaben auf die jeweilige richtung beziehen. es sieht aber ganz so aus, dass sich diese angaben nur auf die breite beziehen. stimmt das?
besonders unangenehm finde ich diesen effekt auf zentrierten webseiten, deren inhalt nicht bei jeder eigenen seite gleich gross ist. so kann es sein, dass manchmal ein scrollbalken eingeblendet wird, der die fensterbreite vermindert und somit die ganze seite ein wenig nach obenlinks fahren lässt. gibt es eine möglichkeit dies zu vermeiden trotz relativen angaben?
hier ein link zu einem beispiel:
hier ein beispiel (einfach in der urlbar eines neuen tabs eingeben)

javascript:document.write('<?xml version="1.0" ?>testdiv {margin-top:10%;margin-right:auto;margin-left:auto;width:500px;height:500px;border-width:2px;border-style:solid;border-color:black;} hallo ich bin ein div
verschiebe einmal den fensterrand rechts
und einmal den unten ');

lg und danke im voraus
niemand

#2

Hallo niemand,

die Antwort ist leider nein (soweit ich weiß) da du die breite durch das einblenden eines Scrollbar verkleinerst wird deine div auch um die hälfte der Breite des Scrollbar verschoben !

einzige Möglichkeit die ich kenne, ist das ding immer einzublenden

mittels

html {
 overflow-y: scroll;
}

Cu Stefan

#3

danke für deine antwort!

da du die breite
durch das einblenden eines Scrollbar verkleinerst wird deine
div auch um die hälfte der Breite des Scrollbar verschoben !
(…)einzige Möglichkeit die ich kenne, ist das ding immer
einzublenden (…)
overflow-y: scroll;

ja die möglickeit kenne ich, auch algemein die overflow-propriety könnte verwendet werden (dann eifnach noch mit horizontalem scrollbalken). leider ist overflow-y noch nicht w3c standart und wird voraussichtlich erst in css3 eingesetzt werden können. natürlich gibts einige browser dies unterstützen, aber ich möchte mich an diese standarts halten.
weiss jetz also jemand, wie sich die relativen (%) angaben im firefox verhalten, oder wie man dieses (fehl-?) verhalten sich allenfalls korrigieren lässt?
lg niemand

#4

Hallo

dann schau mal unter:

http://de.selfhtml.org/css/layouts/browserweichen.ht…

Cu Stefan

#5

ja die möglichkeit für die unterscheidung zwischen ie und anderen browsern kenne ich auch, es nimmt mich aber die ursache für den beschriebenen effekt wunder.
lg niemand