Probleme mit 2 divs

hallo community,

ich habe ein weiteres problem:
bei einer auflösung von 1280x1024 hab ich mit den 2 div´s kein problem, aber bei einer auflösung von 1024x768.

ttc-tobi.bplaced.net/test_menu/index.php
der bereich newsticker rutscht bei kleinerer auflösung über den rand und oben rechts, die 4 links (home, impressum, kontakt und sitemap) werden auch anderster dargestellt. wie kann ich dieses problem beheben?

mfg tobsp

hast du schon versucht statt einem asoluten wert in px oder was auch immer Prozent-Werte zu verwenden? Ansonsten müsste man es mit JS machen…

ne, hab es nur mit absoluten werten in px probiert.

nunja js wollte ich eigentlich vermeiden und alles mit css realisieren

Nun, das ist doch so beabsichtigt, die Dinger werden absolut
positioniert, der andere Inhalt ist wohl mehr oder weniger
in der Breite begrenzt und mehr oder weniger zentriert.

Da mußt du entweder das Zentrieren anders lösen oder das
absolute Positionieren vermeiden.

Zum Beispiel könntest du den ‘Newsticker’ per float anordnen,
dann wird er vom sonstigen Text umflossen und bewegt sich
nicht unabhängig vom Rest durch die Gegend.
Wenn das Elternelement vom ‘Newsticker’ ebenfalls positioniert
ist (absolute oder auch relative), bezieht sich die absolute
Positionierung vom ‘Newsticker’ dann eben auf das Elternelement
und nicht auf den Anzeigebereich.

Dann kannst du die Breitenbegrenzung aus dem sonstigen Inhalt
rausnehmen, die ja ohnehin ziemlich nutzlos ist. Da kann dann
bei ausreichender Breite vielleicht auch vermieden werden,
daß der Menüpunkt ‘Sonstiges’ unter den anderen Punkten in
einer neuen Zeile erscheint - und den ersten Menüpunkt des
Untermenüs zu ‘Mannschaften’ unleserlich und nahezu
unbenutzbar macht. Gut, kann man sich natürlich auch nicht
drauf verlassen, daher muß man das Menü wohl ohnehin so
umbasteln, daß es auch mehrzeilig funktioniert…

Insgesamt kannst du dir die Frage stellen, was du eigentlich
wirklich haben willst und dann kann man sich überlegen, wie
man das sinnvoll umsetzt ;o)
Bislang sieht das noch nicht allzu brauchbar aus.

So ein Problem hatte ich auch mal als ich anfing.
Die beiden div’s sind eindeutig eine andere positionierungsart.
Ich hab mir deinen Quellcode angesehn. Mal verwendest du
position:absolute und mal margin-left bzw. margin-top

Dadurch verschiebt sich das Design bei geringerer Auflösung.

Heyho,

benutze einfach

float: right; margin-top:200px;

in deinem CSS Code.
Also müsste das dann so aussehen

#newsbox { border:2px solid #000000; float:right; font-family:Verdana,Arial,Helvetca,sans-serif; font-size:13px; left:820px; margin-top:-200px; padding:4px 7px; width:250px; }

Bei mir hats geklappt

grüße :slight_smile:

bei mir jetzt dann auch :wink: danke leute