|
||||
Text nicht anwählbar (markierbar)
Hi zusammen,
ich sitze seit heute morgen an der Homepage der Ferienfahrschule am Biggesee H. Schneider. Soweit sieht die Sache gut aus und funktioniert. Allerdings gibt es zwei Probleme, welche wohl durch meine Unfähigkeit Zustande kamen. Und zwar: a. Wenn ich #content.home h1 margin-top gebe, rutscht #content mit nach unten b. der Inhalt von #content.home p lässt sich nicht anwählen/markieren. Irgendwas liegt da drüber und es wird wohl #content.home h1 sein. Weder das eine noch das andere lässt sich beheben, wenn ich an den zwei Dingen im CSS rumfummle. HTML: HTML-Code:
<div id="content" class="home"> <h1><span></span>Die Ferienfahrschule</h1> <p>[...]Lorem Ipsum[...]</p> </div> CSS: HTML-Code:
#content { margin: 50px 0 0 0; width: 980px; height: 400px; } #content.home { background: url(../_img/background_content_home.jpg) no-repeat !important; margin: 17px 0 33px 0 !important; } #content.home h1 { position: relative; width: 433px; margin: 0 0 42px 75px !important; padding: 267px 0 0 0; } #content.home h1 span { background: url(../_img/die_ferienfahrschule.jpg) no-repeat; position: absolute; width: 100%; height: 100%; top: 267px; } #content.home p { color: #fff; width: 450px; margin: 0 0 0 95px; padding: 0 0 0 25px; background: url(../_img/list_home.jpg) no-repeat; } Wenn da jemand Rat weiß, kann er mit ewiger Dankbarkeit meinerseits rechnen. |
Sponsored Links |
|
|||
Zitat:
Mach deinen oberen Abstand doch mit Padding für #content. Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Macht er nicht. Die h1 ist einfach viel zu hoch (Padding! Siehe oben.)
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Das span war genauso hoch, wie die h1, startet aber erst nach dem oberen Padding, weil du das Element an seiner Normalposition lässt.
Weiteres Stichwort für Lektüre: "Containing Block". Vergib Hintergrundfarben für deine Elemente, dann siehst du, wo sie sich befinden und welchen Raum sie einnehmen. Welches Vorgehen ich für sinnvoll halte schrieb ich bereits oben. Bei deiner Zentriermethode verschwinden die Inhalte unerreichbar nach links. Ganz schlecht. Entferne die abs. Pos. und zentriere mit Margin. Die Suchfunktion weiß viel dazu.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (27.10.2008 um 16:35 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |