|
|||
Zitat:
Zitat:
|
Sponsored Links |
|
|||
Zitat:
Zitat:
|
Sponsored Links |
|
|||
Zitat:
Rechte Spalte float: right; Mittlere Spalte kein float und an im HTML-Code an letzter Stelle der 3 Elemente. Daraus resultieren aber leere Elemente, was es aber zu vermeiden gilt. Besser wäre es, du verschachtelst die Elemente ineinander. Da du ja sicher auch einen Text in die Leiste schreiben willst, würde sich da auch ein <hx>-Element eignen, dem du das mittlere Hintergrundbild geben könntest. |
|
|||
Zitat:
HTML-Code:
<html> <head> <link rel="stylesheet" type"text/css" href="theme.css"> <title>HTM-Test</title> </head> <body> <div class="mainDiv"> <div class="lo"></div> <div class="ro"></div> <div class="middle"></div> </div> </body> </html> Code:
body { background-color:yellow; } .mainDiv { background-color:blue; width:200px; height:100px; } .ro { background:url("gtk_theme/titlebar-focused-right.png") top no-repeat; width: 8px; height:25px; float:right; } .lo { background:url("gtk_theme/titlebar-focused-left.png") top no-repeat; width: 8px; height:25px; float:left; } .middle { background:url("gtk_theme/titlebar-focused-middle.png") bottom repeat; width:100%; height:25px; } |
|
|||
Lade das Beispiel doch mal hoch. So kann man nichts erkennen auf den Screenshot.
Lass die Breite vom .middle weg. Ein Blockelement nimmt sowieso immer die verfügbare Breite ein. Zitat:
|
|
|||
Du hast Float noch nicht verstanden Das mittlere div hört nicht an den Rändern der floats auf sondern geht dahinter weiter. Nur der Inhalt in diesem Div würde neben den floats stehen und diese umfließen.
Lösung: Über floats informieren und .middle noch margin: 0 8px; geben Und bitte lade den Testcase auf einen öffentlichen Webserver und poste den Link. Ich möchte keine Zips laden und entpacken. Bin auf Arbeit :P Geändert von regloh (06.08.2009 um 15:22 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Link im gleichen Fenster öffnen, aber ohne FRAMES | elipse | CSS | 15 | 27.05.2010 11:57 |
neues fenster - javascript - fixe grösse | gudrun | Javascript & Ajax | 7 | 08.05.2008 21:46 |
window.open – IE 6 macht zwei Fenster auf | Kirsten | Javascript & Ajax | 3 | 06.09.2007 11:19 |
Formular posten und gleichzeitg neues Fenster aufmachen | Ares | (X)HTML | 0 | 17.11.2006 14:11 |
Input Image - Link im selben Fenster öffnen | Ares | (X)HTML | 2 | 16.10.2006 10:12 |