Welche Einstellungen muss ich einem Div verpassen, dass am rechten rand sein soll, aber wenn die auflösung zu klein ist sollen keine scrollbalken unten entstehen?
THX
hmm… was soll mit dem restlichen inhalt passieren?
Wenn der andere Inhalt Links daneben stehen soll nimm einfach style=“float:right;” wenn hingegen das Div unabhängig vom rest am linken rand kleben soll style=“position:absolute; right:0;”
Je nachdem, wo das div im Quelltext steht und welche
CSS-Eigenschaften vorherige Elemente und Elternelemente haben,
kann es da verschiedene Methoden geben.
Am rechten Rand bezüglich des Elternelementes erscheint es,
wenn man etwa float: right verwendet.
Mit position:fixed und Angaben zu top und right:0 kann man das
auch rechts positionieren.
Bei den (sc)Rollbalken stellt sich die Frage, ob überhaupt keine
oder nur nicht für das Element?
Das Element vergrößert sich ja selbst, so daß der Inhalt
automatisch reinpaßt und bekommt per Voreinstellung selbst gar
keine Rollbalken. Bei positionierten Elementen kann das fatal
sein, weil ohne weitere Gegenmaßnahmen dann gegebenenfalls
der Inhalt nicht mehr komplett zugänglich ist. Bei nicht
positionierten Inhalten bekommen gegebenenfalls body oder html
Rollbalken, wenn der Inhalt nicht in den Anzeigebereich paßt.
Kann man jeweils mit geeigneten Werten für overflow an die
eigenen Bedürfnisse anpassen. Bei einigen Varianten kann es
aber leicht passieren, daß der überstehende Inhalt dann für den
Seitenbetrachter nicht mehr zugänglich ist, was fast immer
ziemlich unsinnig ist.
ok lösen wir das anders, ist besser SO
Aber wie bekomm ich das hin? das eine div hab ich schon zentriert, dass ist nicht das problem, will aber jetzt rechts daneben nen div “kleben”, nur wie?
floaten!
<div id="right" style="float: right; height: 100px; width: 50px">
<p>Content</p>
</div>
<div id="center" style="margin-left: auto; margin-right: auto; width: 200px; height: 100px;">
<p>Content</p>
</div>sollte so in etwa gehen 
nee das “Rechte” ist bei mir jetzt unter dem zentrierten, anstatt daneben… 
Im Quelltext darunter?
Dann verwendest du absolute Positionierung für das Rechte
und gibst dem Element body ein entsprechendes margin-right.
Im body befindliche Elemente kannst du dann immer noch
relativ zu diesem zentrieren (margin-left: auto; margin-right: auto)
