Problem mit CSS Position

ist jetzt mal nen Schuss ins Blaue, aber ich mein das funktioniert so:

Hi :-)

ne die Variante hatte ich auch schon probiert das funktioniert nicht. Das Problem ist ja, dass das Div-Element bei einer absoluten Positionierung am Browserfenster "orientiert" und nicht am Div mit dem Inhalt der Seite *gg*

Also die zwei Varianten die ich mir als Lösung vorstellen könnte wären entweder das irgendwie relativ zum Content-Div zu setzen ooooder aber es gibt eine Möglichkeit bei "position: fixed" irgendwie einen Scrollbalken zu erzwingen falls das erforderlich ist ;-)

Ich bin für jeden Ratschlag dankbar! :-)

leg nen div "drumherum" und geb dem die hintergrundgrafik
(1 px height, dann repeat-y, soweit die seite geht)

so ersparst dir auch viel krempel den sonst in der navi + contentbereich noch mal seperat notieren müsstest.

(das drumrumding zieht sich soweit in die länge wie halt der längste der parts ist => sollte dein problem lösen)

also das mit dem Scrollbalken dürfte mit overflow:scroll; zu machen sein. Dass mein Tip nicht funktioniert, wundert mich ein bisschen. Vielleicht klappt der nur, wenn Du noch ein Div um die ganze Seite herum machst, damit sich die Position am äußeren Div orientiert. 

Das mit dem zweiten Div "drumherum" hatte ich auch schon ausprobiert, klappt bei mir nicht. Folgenden Code hatte ich für das Div benutzt:

Kannst Du vllt. noch den HTML-Teil einstellen, dann kommen wir sicher besser zum Schluss.

Werte mit Null sind ohne Einheit (px) anzugeben.

Warum alles absolute setzen?

Ich löse das meist so hier:

body {
   margin: 0 auto;
    padding: 0;
   height: 100%;
}

#page {
   width: 960px;
   margin: 0 auto;
   padding: 0;
   background-color: #FFFFFF;
}

die absolute Positionierung würde ich weglassen.

Setze Dein Menu und die Inhaltbox in einen leeren Div-Bereich und löse die Positionierung mit float.

Sollte besser sein. Denke immer auch daran, dass jeder Besucher Deiner Seite unterschiedliche Auflösungen verwendet. Da bringt es nichts, alles auf seine eigene zu konzepieren!

gruß saffi

@edit: Der Tag #page sollte als div alles umschliesen. Wenn Du in Deiner Seite einen Kopfbereich hast, dann sollte zusätzlich das menu und der inhalt in einem div stehen.

Hi Saffi,

das mit Float zu lösen führt bei meinem Problem zu nichts.
Ich habe es mal gerade so probiert wie du es beschrieben hast.

Bei der absoluten Positionierung kommt es zu keinen Anzeigefehlern bei verschiedenen Auflösungen das habe ich schon ausprobiert. Liegt ja daran, dass ich mit %-Werten arbeite.

Gruß
Marcel

% angaben sind tricky
evlt. hilft dir ja der link weiter:
http://carsten-protsch.de/zwischennetz/doctype/prozent.html
(deshalb nutz ich nix was nciht überall reibungslos funktioniert)
absolute positionierung halte ich übrigens auch für nen schlechten ansatz, oder du bastelst für jede mögliche auflösung eine separate css datei. nervig.

Ich habe jetzt mein Problem lösen können. Auch wenn es nicht gerade eine "saubere" Lösung ist, funktioniert sie in meinem Fall jedoch.

Meine Navigation befindet sich ganz links am Rand ohne padding und margin. Ich hab nun einfach die Hintergrundgrafik der Menüs als body-background gesetzt mit repeat-y ;-)

Wie gesagt nicht die sauberste Lösung, aber in meinem Fall funktioniert es. Die absoluten Positionierungen lasse ich auf euer Anraten nun auch weg.

Vielen Dank für eure Hilfe!

Jetzt taucht gerade ein weitere Problem auf.
Wenn ich zwei Divs nebeneinander habe mit float, wie bekomme ich das Content Div dazu,sich bis zum rechten Browserrand zu strecken?

bei height: 100% knallt mir das Div natürlich erstmal Scrolltbalken rein weil er die ganze Browserbreite nimmt.

.
Wenn ich zwei Divs nebeneinander habe mit float, wie bekomme ich das Content Div dazu,sich bis zum rechten Browserrand zu strecken?

bei height: 100% knallt mir das Div natürlich erstmal Scrolltbalken rein weil er die ganze Browserbreite nimmt.

Hi :-)

doch die Seite hatte ich durchgelesen, aber das hat mich nicht weitergebracht. Das Content-Div soll kann ja in der Breite ruhig variabel sein, soll es sogar in meinem Fall.

Ich denke für so einen Fall muss ich auf eine absolute Positionierung des Elements setzen um ans Ziel zu gelangen.

wow, also jetzt check ich glaub gar nix mehr^^
das streckt sich doch sowieso so breit wie der inhalt ist?
ansonsten könnte dir glaub min-width helfen. weiss jetzt aber aus dem stehgreif nicht inwiefern da welcher browser probleme machen könnte.
die aktuelle breite vom browserfenster sowie auflösung bekommst ohnehin nur mti javascript raus. ansonsten müsste das mit 100% funktionieren sofern

Das ist ja nett, dass du mich nicht für doof hälst :-D
Das nicht beide Divs 100% haben dürfen und können ist mir klar nur in meinem Fall auch nicht relevant, weil das Menü eine fixe Breite von 200px hat ;-)

Ich hab also links ein Div 200px breit und 100% hoch und rechts daneben ein Div mit 100% Breite und 100% Höhe (rechts div mit position: absolute gelöst). Ich bin jetzt bei dem Ergebnis, dass ich haben wollte :-) Hab's mit viel Zeit und Geduld geschafft, ohne JavaScript und vor Allem ohne Tabellen ^^

Der Einstieg in CSS-Layouts war jetzt nicht ganz einfach aber immerhin hat's geklappt :-D

Ich danke euch für eure Hilfe ;-)

Wenn das Menu 200px von der Pageseite haben soll, wie kann dann dasnebengelagerte Div 100% breit sein? Entweder hast Du da einen Denkfehler oder ich checks gerade nicht. ^^

Wenn zwei nebeneinanderliegende Divs gesetzt sind, dann verwende float:right bzw. float:left. Das ist eine gute und zweckmäßige Lösung. Alle Angaben mit % sind immer kompliziert zulösen, je mehr Inhalte bei Dir Verwendung finden werden.

Setze das menu und den Contentbreich in ein leeres Div. Diesem Div gibst Du eine feste Breite von x px. Dann setzt Du das menu mit float:left und den Content mit float:right rein.

Nach dem gemeinsamen Div hast Du sicher noch einen Fussteil Deiner Seite. Dort setzt Du am Anfang Deiner CSS zum "Footer" clear:both. Das hebt die Floatelemente wieder auf.

Sollte Dir keine großen Schwierigkeiten mehr bereiten.

Beim Erstellen einer Seite teste auch die SChriftgrößen im Browser. Je nach Verwendung mit % wirst Du einige unschöne Ergebnisse feststellen. Von daher rate ich immer mit festen Werten zu arbeiten.

gruß saffi