XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Anfänger Frage: Schrift Platzierung verschiebt sich (http://xhtmlforum.de/showthread.php?t=63879)

xmimox 21.02.2011 00:04

Anfänger Frage: Schrift Platzierung verschiebt sich
 
Hallo,

ich habe derzeit in meinem "Kopfbereich" eine große Grafik.
Nun möchte ich dort auch noch rechts unten eine Schrift platzieren.

Ich habe nun im head ein neues div angelegt und ihm per css die eigenschaften right 250 px,top 250 px und position: absolute gegeben.

Das Problem ist nun, sobald ich das Browserfenster kleiner macht verschiebt sich auch die Schrift die ich mit dem neu angelegte div anspreche.
Wie schaffe ich es das die Schrift immer an diesem Platz bleibt ?

Ich hoffe ihr könnt mir helfen.

threadi 21.02.2011 00:39

Gib dem Kopfbereich noch ein "position: relative;", dann wird das <div> relativ zu diesem absolut positioniert.

Andere Frage: wieso verwendest Du kein float?

xmimox 21.02.2011 01:12

Vielen Dank, hat geklappt.
Nun hast du das Float Element erwähnt,
wie hättest du es denn mit einem Float umgesetzt ?
Ich habe nur noch im Kopf von einigen Seiten das die Bugs dabei fies sein können :roll:.

Gruß

pkipper 21.02.2011 07:32

also dein CSS könnte folgendermassen aussehen:

HTML-Code:

#schrift-div {
    display: block;
    float: right;
    margin: 250px 250px 0px 0px;
    text-align: right;
}

Float bedeutet eigentlich nichts anderes wie als dass das Objekt, welchem du ein float verpasst, über den anderen Objekten "schwebt" ;)

Wenn du einen Link hättest oder deinen Source Code posten könntest hätten wir mehr Einsicht und könnten besser helfen. Es gäbe für den Header auch schönere Lösungen als die von mir gepostete ;)

Liebe Grüsse,

Phil

xmimox 21.02.2011 19:16

Nochmals Danke!

Bei der ersten Version hatte ich unten plötzlich eine Scrollbar bekommen,
bei deiner Variante ist die Scrollbar weg und es schaut gut aus.

Thumbs up !


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:29 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023