|
|||
Text über div hinausschreiben
Hallo,
ich habe eine, wie ich glaube ungewöhnliche Frage. Zumindest finde ich bei google nichts dazu. Ich bin dabei ein Votingtool zu basteln. Dafür will ich eine %-Anzeige haben, wie viele für eine bestimmte Antwort gevotet haben. Die Balken will ich aber gern ohne Bilder darstellen also am besten mit divs. Zur Zeit sieht mit quellcode in etwa so aus. <div style="width:100px;height:20px;"> // Hintergrundbalken (100%) <div style="width:30px;height:20px;"> // Balken für 30% Antwort 1: 30% (5) </div> </div> ich will im Grunde bewirken, dass in dem 100% Balken der Text angezeigt wird, der 30% Balken im 100% Balken ist aber nicht von der Testlänge beinflusst wird. Im FF klappt dass, wenn ich statt Leerzeichen benutze aber der IE interpretiert das anders. Dieser macht dann den 30% Balken so groß wie der Text. Im Grunde will ich nur, dass er die Schrift über den 30% Balen hinwegschreibt aber genau dass, wird ja von allen Seiten versucht zuverhindern, da ja Divs füre sowas eigentlich auch nicht gedacht sind. Jetzt ist meine Frage, wie kriege ich dass hin, dass ich die Schrift im 100% Balken stehen habe, der 30% Balken im Grunde darüber liegt mit ner anderen Farbe aber immernoch der Text angezeigt wird. Geht die überhaput mit CSS ? Wenn ja gebt mir bitte einen Denkanstoss |
Sponsored Links |
|
|||
Ich habe die Styles auch in einer externen CSS-Datei.
Nur um das ganze was zu verkürzen habe ich das so jetzt ins Forum geschreiben. Mit dem Overflow Befehl habe ich das schon probiert aber das juckt den IE7 nicht, der geht einfach seinen Weg und erweitert "30%" Div Box auf die Breite der Schrift |
|
|||
Helfe mir wenn ich etwas falsch mache,
aber wenn ich deinen geposteten Quellcode 1:1 Rauskopiere und in eine testdatei eingüge bekomme ich einen 200px breiten gelben Balken indem die Schrift steht. Auch wenn ich dem dritten Div nen transparenten Hintergrund verpasse, dann kriege ich immernoch einen 200px breiten Balken. Ich habe das Gefühl, der überspringt die overflow-Answeisung bei mir einfach. |
|
|||
Ahh sry, der Fehler lag bei mir.
Hatte aus Faulheit in der Testdatei die Datei nur mit <html><head></head> eröffnet. Mit dem Doctype und meta-tag klappts. Ich danke vielmals für die Hilfe |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Probleme mit float | Webentwickler Eric | CSS | 5 | 21.06.2007 21:09 |
Falsche Darstellung beim Internet Explorer | LordAvalon | CSS | 4 | 09.04.2007 17:22 |
Tabellen in <div>-Tags | dexter2000 | CSS | 9 | 19.05.2005 10:53 |