Member Avatar for 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

  • 4 Contributors
  • 4 Replies
  • 146 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by <M/>
Member Avatar for 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

Member Avatar for <M/>

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

that should help making it responsive.

Edited by <M/>
Member Avatar for 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

commented: ;) +8
Member Avatar for <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!

Be a part of the DaniWeb community

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