zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Text nicht anwählbar (markierbar)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.10.2008, 15:16
Benutzerbild von LUEK!
... muss IE zerstören ...
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.01.2008
Ort: NRW
Beiträge: 200
LUEK! befindet sich auf einem aufstrebenden Ast
Standard 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>
Home - Ferienfahrschule Schneider

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;
}
http://ffs.admeta.de/_css/default.css


Wenn da jemand Rat weiß, kann er mit ewiger Dankbarkeit meinerseits rechnen.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.10.2008, 15:33
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von LUEK! Beitrag anzeigen
a. Wenn ich #content.home h1 margin-top gebe, rutscht #content mit nach unten
Collapsing Margins (Suchfunktion).
Mach deinen oberen Abstand doch mit Padding für #content.

Zitat:
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.
Die h1 braucht eine Höhe. Das span liegt über dem Text, weil es viel zu hoch ist.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.10.2008, 15:54
Benutzerbild von LUEK!
... muss IE zerstören ...
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.01.2008
Ort: NRW
Beiträge: 200
LUEK! befindet sich auf einem aufstrebenden Ast
Standard

Hi fricca,

erstmal Danke! Den #content-füllenden <span> hätte ich selbst bemerken müssen. Der Tag wird wieder mit Selbstgeißelung enden.
Was mich noch interessiert: Wieso baut sich der <span> mit 100% height im content auf, statt im direkten parent h1?


Collapsing Margins, hm. Gut, wieder etwas zu lesen.
Mit Zitat antworten
  #4 (permalink)  
Alt 27.10.2008, 15:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von LUEK! Beitrag anzeigen
HiWieso baut sich der <span> mit 100% height im content auf, statt im direkten parent h1?
Macht er nicht. Die h1 ist einfach viel zu hoch (Padding! Siehe oben.)
Mit Zitat antworten
  #5 (permalink)  
Alt 27.10.2008, 16:24
Benutzerbild von LUEK!
... muss IE zerstören ...
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 23.01.2008
Ort: NRW
Beiträge: 200
LUEK! befindet sich auf einem aufstrebenden Ast
Standard

Das zog sich eben noch bis nach unten (überdeckte ja den text drunter). padding nach unten hatte h1 allerdings nicht. Daher meine Frage.
Mit Zitat antworten
  #6 (permalink)  
Alt 27.10.2008, 16:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.

Geändert von fricca (27.10.2008 um 16:35 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:33 Uhr.