Joomla Templates Club 406,261 posts

[pavlick Friend pavlickJoin date: May 2011Posts: 3Downloads:0Uploads:0 Thanks: 2]

#165912

Hello everyone, I changed the background image for the header. Now firefox 3.6 can not dosplay the image covers the entire width of the area. testing Chrome is resolved correctly. I’m test some options by template.css (like parameters width: 1280px ; height: 175px;) without success.
Can you help me correct these details? Thanks in advance.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#399691

What are the dimensions of the image you are trying to use for the header background?

I ask because – using Firebug – when I changed the “width” parameter of #ja-header (line 314 of template.css) to 100%, as follows . . .


#ja-header {
background: url("../images/mainnav-bg.png") repeat fixed 0 0 transparent;
height: 175px;
width: 100%;

}

. . . the image stretched the entire length of the page, but there was a “stitch” effect where the image started again (I forget if there is an “official” term for that). In any case, I’m wondering if, perhaps, the image you want to use for your header background isn’t wide (or “long”) enough.

1 user says Thank You to TomC for this useful post

1. pavlick

[pavlick Friend pavlickJoin date: May 2011Posts: 3Downloads:0Uploads:0 Thanks: 2]

#399707

you got a point 🙂 width: 100% is the key.
thanks!. you counter has 1+.

by the way, the header image was width: 1280px ; height: 175px;
#ja-header { background: url(../images/mainnav-bg.png); width: 1280px ; height: 175px; width: 100%; }

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#399712

Glad I could be of assistance.

🙂

[Author]

Posts