Archief - CSS: H1 alleen zichtbaar bij het selecteren.

T

Tyfius

Legacy Member

• 29 dec 2006

• #1

Ik ben al gene straffe in CSS maar nu zit ik toch met een zeer gaar probleem.
Ik heb de volgende CSS:

Code:

#header {
	width: 798px;
	color: #000000;
	background-color: #5B8B9C;
	height: 80px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#header h1 {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 32px;
	color: #A1D5E9;
	background-color: #5B8B9C;
	margin: 0px;
	padding: 20px 0 0 20px;
}

#content {
	margin-left: 140px;
	color: #000000;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px; 
	border-left: 2px solid #000000;
	text-align: left;
}

#content h1 {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 32px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
}

Nu, in mijn header toont die alles goed zoals het moet zijn. Maar binnen een content div toont die alleen in FF en IE7 mijn H1, niet in IE6. Als ik in IE6 mijn H1 tekst selecteer verschijnt die wel, en als ik dan loslaat dan blijft die ook zichtbaar staan, maar als ik de pagina ververs is die weer verdwenen.
Waaraan kan dit liggen?

B

BloodSeaker

Legacy Member

• 29 dec 2006

• #2

Uw h1 in de content heeft dezelfde kleur als de achtergrond kleur van de content zelf: #ffffff

Daar zal het wel aan liggen

o

orez

Legacy Member

• 29 dec 2006

• #3

BloodSeaker zei:

Uw h1 in de content heeft dezelfde kleur als de achtergrond kleur van de content zelf: #ffffff

Daar zal het wel aan liggen

Klik om te vergroten...

fout...

beide BACKGROUND colors zijn #ffffff
niet de gewone color van de h1

Trouwens @ Tyfius
die background-color op uw h1 is redelijk nutteloos laat die regel gerust weg.

En ik denk dat jij ergens met floats / div structuren werkt. Ik vermoed dat je last hebt van de peekaboo bug.

www.positioniseverything.net voor veel voorkomende CSS bugs, gelieve deze site eerst te overlopen!

T

Tyfius

Legacy Member

• 29 dec 2006

• #4

Ja, ik weet dat die daar redelijk nutteloos is, maar 't was om een paar warnings weg te werken.

Morgen mij eens met die peekaboo bug bezighouden, 't ziet er weer iets voos uit...

Z

Zero Grav

Legacy Member

• 29 dec 2006

• #5

Ik zei toch gisteren al dat het de peekaboo bug was..
Niks voos aan trouwens, gewoon een line-height meegeven.

T

Tyfius

Legacy Member

• 29 dec 2006

• #6

Ik heb iets anders gedaan.
Ik heb mijn #content div een width meegegeven die 2 pixels kleiner is dan de width van mijn main div.
Alles lijkt er nu overal mooi uit te zien

o

orez

Legacy Member

• 29 dec 2006

• #7

Tyfius zei:

Ik heb iets anders gedaan.
Ik heb mijn #content div een width meegegeven die 2 pixels kleiner is dan de width van mijn main div.
Alles lijkt er nu overal mooi uit te zien

Klik om te vergroten...

is niet de correcte oplossing,
enkel een line-height meegeven is voldoende, je hoeft niet met widths te prutsen, want zo komt u uitlijning alweer in het gedrang in bv een FF ..