|
|||
[gelöst] Hintergrund vertikal flexibel
Sevus Pros,
ich komme nicht weiter unter kapier’ da was nicht: Hier mal mein Beispiel: Flexibler Hintergrund Ich würde gern ein Hintergrundbild flexibel einbinden. Sprich Rand z.B. 5% und von oben immer 30% Luft. 5% linker Rand klappen prima, aber 30% von oben wollen gar nicht. Info: IE interessiert mich nicht die Bohne! HTML-Code:
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>Flexibler Hintergrund</title> <style type="text/css" title="text/css" media="screen"> body { background-color: red; background-image: url(img/tt-bgr3.gif); background-repeat: no-repeat; background-position-x: 10%; background-position-y: -25%; } h1 { width: 80%; background-color: rgba(255,255,255,0.5); text-align: center; } </style> </head> <body> <div id="wrapper"> <h1>Hallo!</h1> </div> </body> </html> Andreas Geändert von fritze-jr (19.07.2011 um 15:39 Uhr) Grund: gelöst, Rechtschreibung |
Sponsored Links |
|
|||
Tipp: Validieren.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Hallo,
HTML-Code:
/* Außen und Innenabstände zurücksetzen */ * { margin:0; padding:0; } html,body{ height:100%; } body { background: url(deinbild.gif) no-repeat 10% 30% #f00; } h1 { width: 80%; background-color: rgb(255,255,255); /* Hier lieber eine halbtransparente Hintergrundgrafik */ text-align: center; } Achso, nimm lieber noch ein anderen DOCTYPE. paulepulmo |
|
|||
Vermutlich kommt noch eine falsche Vorstellung von Prozentwerten bei der Positionierung von Hintergrundbildern dazu.
Lesestoff: Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : BACKGROUND-POSITION }
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div Hintergrund wird im IE durch Hintergrund des unteren divs überlagert | ren83 | CSS | 6 | 19.10.2008 16:50 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 18:05 |
Hintergrund | SPMan | CSS | 0 | 16.05.2007 09:58 |
Hintergrund wird im IE abgehackt | lekim | CSS | 0 | 29.03.2006 15:14 |