100% browser width div on fix width template

[eltonpiko]

hi im working on a joomla template. the template has a fixed width. and would like to have a position with a 100% browser width background.

hope someone can help

[designershiv]

Hi eltonpiko,

Give with auto for the particular div or id

ex: .div { width : 100% !important; }

Or you can do this by usign jquery

Hope it helps

[<M/>]

with your css, don't use pixels try using percentages... such as width: 25%

that should help making it responsive.

[cmps]

you can easily fix that by using the percentage %. Let's say that the background div has an id of 'context', then the css would contain:

context:{width:100%};

if you don't want to complicate your self by opening the css file and save and refresh. Use the firebug plugin on firefox or use the inspect element of google chrome browser so you can preview changes directly on the browser without affecting your files. When you're ok with the width, apply the changes to your files.
Good luck

[<M/>]

you can easily fix that by using the percentage %. Let's say that the background div has an id of 'context', then the css would contain:
context:{width:100%};
if you don't want to complicate your self by opening the css file and save and refresh. Use the firebug plugin on firefox or use the inspect element of google chrome browser so you can preview changes directly on the browser without affecting your files. When you're ok with the width, apply the changes to your files.
Good luck

Thanks for being more clear on what I said. I hope it helps the OP out a bit more!