Page 1 of 1

wt ef tbh. *solved*

Posted: Wed Dec 16, 2009 3:04 am
by 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 :(

Re: wt ef tbh.

Posted: Wed Dec 16, 2009 2:53 pm
by hallsofvallhalla
i am a little confused on what is not showing up, the image background? the border?

Re: wt ef tbh.

Posted: Wed Dec 16, 2009 8:35 pm
by 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.

Image Image

hope that explains it better

Re: wt ef tbh.

Posted: Wed Dec 16, 2009 9:46 pm
by hallsofvallhalla
ah now i see what you mean, well you are missing the width definer in the mid css.

Code: Select all

 width: 15px;

Re: wt ef tbh.

Posted: Wed Dec 16, 2009 11:02 pm
by 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 :lol:

thanks mate

Re: wt ef tbh. *solved*

Posted: Wed Dec 16, 2009 11:26 pm
by hallsofvallhalla
haha we all miss the obvious sometimes :)