nicht angemeldet
Container ohne Inhalt umranden
Achtung, Doofi-Frage ;-)
Ich habe mir ein div definiert: 70px breit und 20px hoch, darin steht ein Wort. Jetzt wollte ich, daß dieser Container komplett umrandet wird. Also hab ich border definiert. Damit stimmt zwar die Höhe des Rahmens, aber er ist viel zu schmal, weil er sich in der Breite an dem Text ausrichtet. Also habe ichs mit padding probiert; jetzt lässt sich zwar der Rahmen in die richtige Breite bringen, aber dafür ignoriert er den Höhenwert des Containers. Wieso das denn??
Ich hab den Container auch mal in eine Tabelle mit den entsprechenden Werten gesteckt und ihm für Breite und Höhe 100% verordnet, aber er ignoriert die Tabellenmaße, lediglich die Position stimmt. Ist das wirklich so kompliziert? Ich habe irgendwie das Gefühl, daß ich irgendetwas Wichtiges nicht verstanden habe.:-(
Danke schonmal für Eure Hilfe
-
Steht da jetzt kein INhalt (wie im Thread Titel) oder ein Wort drin?
Im Prinzip: Im CSS einfach die Breite und Höhe angeben, dazu die Border:
HTML:
<div id="box">Text</div>
oder mit Leerzeichen
<div id="box"> </div>CSS:
#box {
width: 70px;
height: 20px;
border: 1px solid #000000;
text-align: center;
}und evtl. noch margin und padding dazu angeben.
-
Hi,
aber er ist viel zu schmal, weil er sich in der Breite an dem Text ausrichtet.
wie denn das? Ein DIV - als Block-Element - richtet sich nicht nach dem Inhalt.
Abgesehen davon könnten die px-Angaben je nach Schriftgröße zu wenig sein. Definiere Breite/Höhe und Schriftgröße passend zueinander in em.freundliche Grüße
Ingo