wt ef tbh. *solved*

[Torniquet]

ok for some reason... my white bar on my site (divider w.e u wanna call it) appears on FF/IE but not safari or chrome.

its css driven and uses a table to display,

CSS:

Code: Select all

#barRight {
	background-image: url(../img/images/right.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 15px;
}
#barLeft {
	background-image: url(../img/images/left.png);
	background-repeat: no-repeat;
	height: 17px;
	width: 15px;
}
#barMid {
	background-image: url(../img/images/middle.png);
	background-repeat: repeat-x;
	height: 17px;
}

it being displayed..

Code: Select all

<table width="100%" cellpadding="0" cellspacing="0"><tr><td id="barLeft"></td><td id="barMid"></td><td id="barRight"></td></tr></table>

yet for some reason that i cant work out (and i am hoping some1 else can lol) it only displays the right and left sides of the bar in safari and chrome.

i am confuzzeled beyond all beleif

[hallsofvallhalla]

i am a little confused on what is not showing up, the image background? the border?

[Torniquet]

Ok here is a screen shot of the same page in two browsers. the left side if from FF and is what is displayed in FF and IE. The right side is a shot from chrome and is how it appears in chrome and safari.



hope that explains it better

[hallsofvallhalla]

ah now i see what you mean, well you are missing the width definer in the mid css.

Code: Select all

 width: 15px;

[Torniquet]

lol how the hell did i not even consider that XD.

halls your are genious. i swear sometimes if i had a brain i would be deadly

thanks mate

[hallsofvallhalla]

haha we all miss the obvious sometimes