Autor |
Nachricht |
Whisper
Threadersteller
Dabei seit: 13.03.2003
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Mi 21.02.2007 14:21
Titel [CSS] Text absolut auf 0,0 |
|
|
Hallo,
irgendwie steh ich gerade aufm Schlauch. Wollte gerade das Grobgerüst einer Seite erstellen und dazu entsprechend Text ausrichten. Obwohl ich margin, padding usw. auf 0 gesetzt hatte, wollte der Text sich einfach nicht an den oberen Rand anschmiegen. Getestet, getestet, Problem eingekreist.
Hab mir eine leere HTML-Datei genommen und folgenden Code eingefügt, auch hier noch das gleiche Problem.
Code: | <div style="height:10px;width:10px;position:absolute;top:0;left:0;margin:0;padding:0;background-color:#f00;">Test</div>
|
Was übersehe ich? line-height runtersetzen hilft zwar, aber kann das die optimale und einzige Lösung sein?
|
|
|
|
|
saucer
Dabei seit: 19.05.2002
Ort: München
Alter: 43
Geschlecht:
|
Verfasst Mi 21.02.2007 14:24
Titel
|
|
|
hast du body auch margin&padding von null gegeben?
|
|
|
|
|
Anzeige
|
|
|
Whisper
Threadersteller
Dabei seit: 13.03.2003
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Mi 21.02.2007 14:31
Titel
|
|
|
jepp. deswegen bin ich so langsam am ende mit meinem latein. der div wird ja auf 0,0 gesetzt. nur der text eben nicht. hab es auch schon ohne div versucht, ohne erfolg. scheinbar wird oben und unten immer 2-3px platz gelassen als "Zeilenabstand"?!
|
|
|
|
|
saucer
Dabei seit: 19.05.2002
Ort: München
Alter: 43
Geschlecht:
|
Verfasst Mi 21.02.2007 15:06
Titel
|
|
|
naja, wenn deine line-height 16px ist und dein text 10px hoch ist bleiben oben und unten 3px "rand"
|
|
|
|
|
Whisper
Threadersteller
Dabei seit: 13.03.2003
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Mi 21.02.2007 17:11
Titel
|
|
|
hast du das mal getestet? 10px font-size und 10px line-height? dat behebt das Problem nich. Is immer noch oben und unten Rand.
Naja, ich hab das jetzt mit line-height:70% gelöst. wundert mich allerdings, dass es da keine andere Lösung für gibt.
|
|
|
|
|
kYk1
Dabei seit: 21.02.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 21.02.2007 20:17
Titel
|
|
|
Was soll eigentlich Top und left bedeuten, wenn ich fragen darf?
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
Verfasst Mi 21.02.2007 20:26
Titel
|
|
|
Code: | * { margin: 0; padding: 0; } |
Browser haben ja ihre „default“ Werte für Schriftgrößen, Abstände usw. Solange die nicht durch CSS überschrieben bzw. geändert werden, werden die genutzt. Einfach auf gut Glück nochmal ausprobieren.
DOCTYPE angeben, sonst rendert der Browser im Quirksmode (hat evtl. Auswirkungen auf die Darstellung).
|
|
|
|
|
Mac
Dabei seit: 26.08.2005
Ort: Köln
Alter: 62
Geschlecht:
|
Verfasst Mi 21.02.2007 21:12
Titel
|
|
|
ich würde schreiben, ohne es getestet zu haben
Code: |
<div ...>
<p>Test</p>
</div> |
dem p gibst du entsprechende Attribute. Wenn das wieder erwarten auch nicht funktionieren sollte, display:inline.
|
|
|
|
|
|
|
|
Ähnliche Themen |
text mit css absolut zentriert ausrichten.
position absolut im IE6
Die absolut schlechtesten Webseiten...
Absolut freie PHP-Scripte
Element absolut in <td> positionieren
absolut positioniertes <div> über Flashfilm
|
|