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

Recommended Answers

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 …

Jump to Post

All 4 Replies

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

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

that should help making it responsive.

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

commented: ;) +8

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!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.