|
|||
Header mit relativ positioniertem div darin verrutscht
Hallo allerseits!
Bei meiner Seite verrutscht seit ich ein relativ positioniertes div eingefügt habe das beinhaltende div in form des headers nach unten. Ich habe aber nirgends clearings oder margins angegeben... Vielleicht erklärt ein Blick mehr: ansehen Vielleicht weiß jemand von euch, woran das liegen könnte, wäre für jeden Tipp dankbar! gute nacht |
Sponsored Links |
|
||||
Welches Div hast du denn hinzugefügt, dass pos:rel hat?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
||||
Wieso verwendest du dort "position:relative"
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
Und das kannst du mit "float" und "margin" nicht regeln?
Relativ heißt ja nur, dass du das Element relativ zu seiner normalen Position verschieben kannst, mit Hilfe von "top:, left:, right:, bottom:". Da würde ich doch lieber "float:right" sagen, wenn es eher rechts stehen soll und den Abstand nach rechts entsprechend bestimmen, anstatt es mit "top:, left:" zu verschieben.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ Geändert von Crizzo (16.03.2008 um 15:19 Uhr) |
|
|||
Ich hab dem navi div jetzt einfach mal das position:rel genommen, es sieht jetzt so aus:
Code:
#navi{ margin-left:450px; margin-top:55px; width:400px; height:35px; background-image:url(../img/navi_bg.jpg); background-repeat:no-repeat; danke nochmal! lg |
|
||||
Wie es verrutscht nach unten? Kannst du mal einen Screenshot erstellen? Mit Farbiger Erklärung, wo die #navi sein sollte?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
Die Ursache für die unerwartete Verschiebung sind Collapsing Margins (Suchfunktion/Google). Dass die relative Positionierung damit nichts zu tun hat, hast du ja inzwischen auch gemerkt.
Mach den oberen Abstand mit padding. |
Sponsored Links |
|
|||
sorry, ich vergaß dazuzusagen, dass der Fehler im ie nicht auftritt (ff). Mit padding verschiebt sich jetzt der header nciht mehr, dafür steht die hintergrundgrafik des navi layers über dem inhalt des navi layers...
Außerdem rutscht das darunterliegende bild über den header drüber (die blaue linie sollte durchgehend sein (hintergrundgrafik anzeigen bestätigt das) siehe: hier Danke Leute! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Css Div Boxen relativ untereinander ausrichten | heinbloed | CSS | 1 | 24.01.2011 00:06 |
im div wahnsinn: content div relativ zu browserhöhe | lilalaune | CSS | 1 | 24.11.2010 20:55 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Absolute Positionierung in relativ positioniertem DIV. | aka | CSS | 7 | 19.01.2005 17:27 |