IExplorer <> Firefox bug

**Joshua de Gier** · 07-02-2011, 22:06

Wie kan de oplossing geven voor de bug die zich voordoet op deze site: http://bit.ly/h1hcMQ

In FF wordt de header goed getoond terwijl in IE de header achtergrond compleet verdwijnt.

Alvast bedankt!

**Dennis de Ruiter** · 07-02-2011, 22:36

position: absolute;

misschien is dit het ?

**Joshua de Gier** · 07-02-2011, 22:37

Waar staat dat/moet dat staan? Ben in het css gebeuren nog niet helemaal thuis.

**Dennis de Ruiter** · 07-02-2011, 22:44

#hd { position: absolute; }

hoop voor je dat dit werkt !!!

**Joshua de Gier** · 07-02-2011, 22:51

Helaas, nee. Toch bedankt!

**Dennis de Ruiter** · 07-02-2011, 22:56

Code:

div#Hd {
    background:transparent url('http://www.tip-groepsuitjes.nl/images/Hd_Bg2.png') 
    no-repeat scroll top left;
    width:980px;
    height:85px;
    margin:0 auto;
}

misschien makkelijk om dit er even bij te vermelden :)

**Joshua de Gier** · 07-02-2011, 22:59

Bij die had ik hem inderdaad geplaatst.

**Dennis de Ruiter** · 07-02-2011, 23:08

misschien als je de de margin aanpast naar:

margin: 0px auto 0px auto;

blijft voor mij ook een gokje ;P

**Joshua de Gier** · 07-02-2011, 23:10

Voor mij deste meer :-) helaas lost dat het ook niet op.

**J. de Boer** · 08-02-2011, 00:08

Je moet 'transparent' weghalen bij de background van de divs.

**Joep B.** · 08-02-2011, 00:37

Het is hoogstwaarschijnlijk op te lossen door

Code:

body {
	background-color:#293643;
	margin:0 auto;
	/* edit color:#abb6c1; */
	color: #222c36;
	font-family:"Trebuchet MS";
	font-size:13px;
	line-height:18px;
}

te veranderen naar

Code:

body {
	background:#293643 url(http://www.tip-groepsuitjes.nl/images/Hd_W_Bg2.png) repeat-x;
	margin:0 auto;
	/* edit color:#abb6c1; */
	color: #222c36;
	font-family:"Trebuchet MS";
	font-size:13px;
	line-height:18px;
}

en

Code:

div#Hd_W {
	background:transparent url('http://www.tip-groepsuitjes.nl/images/Hd_W_Bg2.png') repeat-x scroll top left;
	height:157px;
	width:100%;
}

naar

Code:

div#Hd_W {
	height:157px;
	width:100%;
}

**Marcel van Vrouwerf** · 08-02-2011, 18:41

Draai deze twee eens om:

Code:

<!--[if IE ]>
<link rel="stylesheet" href="http://www.tip-groepsuitjes.nl/Style/IE6_style.css" type="text/css" />
<![endif]-->

<link href="http://www.tip-groepsuitjes.nl/Style/style.css" rel="stylesheet" type="text/css" />

Eens kijken wat dit doet. (je hebt btw niet zo'n heel moeilijk/zwaar design; waarom moeilijk doen met *.png?)

**Joshua de Gier** · 10-02-2011, 12:02

Zoals ik al zeg, ik ben geen vormgever :-) Het is een aangekocht design dat al zo in elkaar stak, is me trouwens nooit eerder opgevallen deze fout dus het zal wel ergens door veroorzaakt worden. Ik ga even jullie opmerkingen uitproberen.
Aanvullend bericht:
Lossen beide niets op, de oplossing van Joep gooit in beide browsers de achtergrond eruit.
Aanvullend bericht:
Heb het net zelf opgelost, heb de achtergrond uit #Hd_W verplaatst naar die in #Pg

IExplorer <> Firefox bug