responsive header image width not right?!

jarv · 03-15-2013, 01:59 PM

Hi,

I am having some problems with the width of my header imahge on my website: http://www.jbiddulph.com/dorset/

it looks to be over size by about 30px or so?!

here is my CSS

Code:

#banner {
	width: 100%;
	position: relative;
	text-align: left;
}
#banner ul li { list-style-type: none; width: 100%; }
#banner ul li span { padding:16px; color: #ffffff!important; background-color: #000000; 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6; position: absolute; top:36px; right:0px; font-size: 1.6em;}
#banner ul.slideshow { width:100%!important; }
#banner ul.slideshow li { width:100%!important; }

thanks

J

Chrystyan · 03-15-2013, 10:23 PM

Perhaps you've fixed it, but I don't see it. It may be my perception, but it appears to be perfectly aligned with the slideshow... it looks decent and changes size as I resize my browser.

It is a little bit off on the left, though, there's more spacing to the left than the right when resizing. But that's the entire page, not just your banner. Probably an issue with your wrapper or lack thereof.