Header slider issue in Firefox

  • Resolved VDiaz

    (@vdiaz)


    13 years, 8 months ago

    The header slider views fine in IE and Chrome but in Firefox, it’s off to the right. The url is http://keithfabryretail.com/.

    I think it has something to do with this coding: <div id="cs-mainslider11" class="cs-mainslider" style="width: 1050px; height: 432px; float: left; position: absolute; background-position: 0px 0px; left: 0px; top: 0px; opacity: 1; background-image: url("http://keithfabryretail.com/wp-content/plugins/vslider/timthumb.php?src=%2Fwp-content%2Fuploads%2F2012%2F08%2Fcats.jpg&w=1050&h=432&zc=1&q=80");" href="" target=""></div>

    can someone take a look and see? i’ve tried a couple of things with no luck so far…

    thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter VDiaz

    (@vdiaz)

    13 years, 8 months ago

    Been researching this and think I need to add: overflow:hidden; to the header, but not sure where.

    Here’s my header code, can someone let me know where it would go?

    /* =Header
----------------------------------------------- */

#branding {
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
}
#site-title {
	margin-right: 270px;
	padding: 3.65625em 0 0;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;
	margin-bottom: -7px;
	width: 100%;
}

    thanks!

    Thread Starter VDiaz

    (@vdiaz)

    13 years, 8 months ago

    from what i’ve read, it’s an overflow issue… where in firefox the top graphics (logo) is pushing off the slider to the right… i’ve tried placing the overflow:hidden in a couple of places that i thought would do it, but no luck.

    can someone take a look and see if they can figure out where it should go? Or if this is even the issue?

    thanks!

    Thread Starter VDiaz

    (@vdiaz)

    13 years, 8 months ago

    Very frustrating, i know what the issue is but i can’t seem to figure out the fix. The header/slider is trying to wrap around the header and that’s why it’s off to the right in firefox… i’ve tried fixing it via the header and even the vslider code.

    Any one available to take a quick note? Would greatly appreciate it!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header slider issue in Firefox’ is closed to new replies.