Bakgrundsfärgen i min div försvinner

5 svar · 380 visningar · startad av Palle 6 apr. 2004

PalleMedlem sedan apr. 20003 174 inlägg

Frågan6 apr. 2004 15:10#1

I Internet Explorer så tappar min DIV sin bakgrundsfärg. :(
Sitter jag och frenetiskt uppdaterar en stund så kommer den tillbaka.. men om jag sedan markerar texten som ligger
i div´en så försvinner bakgrunsfärgen igen, samma händer om jag navigerar framåt och sedan klickar mig bakåt i
webbläsaren - bakgrundsfärgen försvinner.

På bifogad bild ser ni hur det ser ut när man kommer till sidan, översta bilden, och hur det ser ut när man uppdaterat en stund, nedre bilden.

Felet uppkommer inte i Mozilla.

Några tips på vad det kan vara? :)

[red]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">

...

<div class="mainproductFrame">
	<form method="post" action="xx" id="p0">
		<div class="mainproductImage">[BILD]</div>
		<div class="mainproductInfo">[TEXT]</div>
		<div class="mainproductActions">[MER TEXT]</div>
	</form>
</div>

...

.mainproductFrame {
	clear: both;
	color: #000;
	background: #fff; 
}

.mainproductImage { 
	float: left; 
	width: 90px; 
	height: 90px; 
	text-align: center; 
	padding-top: 6px; 
}

.mainproductInfo { 
	float: right; 
	width: 475px; 
	padding: 8px; 
	text-align: left;
}

.mainproductActions { 
	clear: both; 
	border-top: 1px solid #ccc; 
	background: #fff; 
	height: 17px; 
	padding: 4px 6px 4px 4px; 
	text-align: right;
}[/red]

FlashesMedlem sedan jan. 2003282 inlägg

6 apr. 2004 21:17#2

mainproductInfo ska visserligen ärva background från mainproductFrame, men sätt in bakgrunsdsfärg i mainproductInfo precis som du gjort i mainproductAction så ska det väll fungera.

Vad har form med det hela att göra? Jag är nyfiken

Mvh
Jan-Olov

PalleMedlem sedan apr. 20003 174 inlägg

7 apr. 2004 07:46#3

1. Att ge mainproductInfo en bakgrundsfärg hjälper tyvärr inte..
2. Form´en har med att göra att finns formulärfält i mainproductAction..

Några fler förslag? :(

jarvkloMedlem sedan juli 20013 378 inlägg

7 apr. 2004 08:05#4

Antar att du redan provat att sätta bakgrundsfärgen direkt på

.mainproductFrame form

för att testa om det skulle kunna vara någon arvskonflikt...

Hur ser deklarationerna ut som ger den grå bakgrundsfärgen?
Har du något Javascript kopplat till <body onload> ?

PalleMedlem sedan apr. 20003 174 inlägg

7 apr. 2004 08:41#5

1. Ja, att sätta bakgrundsfärgen direkt i form´en har jag redan testat och det gjorde tyvärr inte saken bättre.
2. Den grå bakgrundsfärgen sätts i en div som ligger bakom dom vita produktrutorna, se kod nedan.

red: Ja, jag har ett javascript kopplat till window.onload men att plocka bort den hjälper inte..

En annan mystisk sak som jag nyss fick se var att mina rubriker inte visas då man kommer till sidan,
drar man samman webbläsarfönstret en bra bit så *plopp* så kommer dom fram + att min vita bakgrundsfärg kommer fram i divvarna. Bugg?

[red].pageFrame {
	background: #ccc;
	padding: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #fff;
}

.rubrik { 
	font-size: 13px; 
	color: #FF6600; 
	background: transparent; 
	font-weight: bold; 
}

...

<div class="pageFrame">

	<div class="rubrik">Produkter:</div>
	<div class="mainproductFrame">
		<form method="post" action="xx" id="p0">
			<div class="mainproductImage">[BILD]</div>
			<div class="mainproductInfo">[TEXT]</div>
			<div class="mainproductActions">[MER TEXT]</div>
		</form>
	</div>
	<div class="mainproductFrame">
		<form method="post" action="xx" id="p1">
			<div class="mainproductImage">[BILD]</div>
			<div class="mainproductInfo">[TEXT]</div>
			<div class="mainproductActions">[MER TEXT]</div>
		</form>
	</div>
	<div class="mainproductFrame">
		<form method="post" action="xx" id="p2">
			<div class="mainproductImage">[BILD]</div>
			<div class="mainproductInfo">[TEXT]</div>
			<div class="mainproductActions">[MER TEXT]</div>
		</form>
	</div>

</div>[/red]

PalleMedlem sedan apr. 20003 174 inlägg

7 apr. 2004 14:48#6

Löste det! :)

Fick sätta formuläret till en bredd på 100%.