habe ein problem mit der überlagerung von DIVs
am 30.06.2009 - 13:44 Uhr in
Hallo Forum!
Ich benutze das Zen Theme und bin auf ein kleines problemchen gestossen und ich kriege es einfach nicht in den Griff.
Im Header ist ja das Logo, und ab einer gewissen höhe fängt das logo an über die Header-container hinauszuragen. dadurch wird der page-div nach unten verschoben. ich habe jetzt das Logo testweise so zugeschnitten das es pixelgenau mit dem head abschliesst jedoch sind immernoch 2-3 pixel abstand ! nach einer untersuchung mit firebug habe ich festgestellt das sobald man vom IMG-Tag auf den umgebenden link-tag fährt dehnt sich der raum den das bild braucht tatsächlich um 2-3 pixel nach unten aus und diese werden bei der positionierung des page-containers berücksichtigt. Die selbe beobachtung habe ich dann auch hier mit dem logo von drupalcenter gemacht. kann mir jemand sagen wie ich das behebe und warum es auch links mit bildern gibt bei denen das NICHT der fall ist !?
Eine Alternative Lösung wäre, wenn mir jemand sagen könnte wie ich es schaffe das das Logo zwar als element auf der seite bleibt aber die andern nicht beeinflusst. übertragen auf mein problem würde das bedeuten, das logo irgendwie aus der seite heben so das der page div "drunter" rutschen kann. hab schon hin und her probiert mit position und float und margin tricks aber irgendwie krieg ichs nicht hin. mit z-index habe ich auch schon mal einen versuch gestartet das war auch erfolglos.
Es online zu bringen ist ziemlich aufwendig aber vom prinzip her kann ichs nachahmen wenn mir jemand verrät wie man z.B hier auf drupal center es anstellen könnte den div "container" unter das logo aus dem div "header" schiebt oder eben wie gesagt das logo irgendwie anhebt und dann den "container" drunter
hoff ihr wisst was ich mein wenn ihr mehr infos braucht oder ichs nochmal versuche soll anders zu erklären sagt bescheid.
mfg
chris
- Anmelden oder Registrieren um Kommentare zu schreiben

na weiss denn keiner was?
am 01.07.2009 - 11:04 Uhr
na weiss denn keiner was? einfach mal mit firebug aufs logo hier oben gehen und dann vom IMG auf den umschliessenden A wechseln. die 2-3 extra pixel die unten übers bild ragen verschieben alles was direckt ans bild anstössen sollte nach unten.
mfg
chris
Hi Chris, ist eventuell ein
am 01.07.2009 - 11:15 Uhr
Hi Chris,
ist eventuell ein a:hover irgendwo definiert?
Grüße
Tom
Abstand
am 01.07.2009 - 11:54 Uhr
Sorry, aber ich seh da keinen zusätzlichen Rand. Für den
<a>und für<img>ist auch kein margin oder padding angegeben.Bekommst Du einen Screenshot davon hin?
Stefan
--
sei nett zu Deinem Themer
nope hätte ich ja mit
am 01.07.2009 - 12:12 Uhr
nope hätte ich ja mit firebug bemerkt. habe zwischenzeitlich auch einfach mal alles weg was firebug anzeigt, bringt keine änderung :(
mfg
chris