0

What I am trying to do is get the grey boxes on this to go to the edge of the page, I have found a similar article here but when I have tried changing the margin and padding to 0 nothing is happening, this table is created in a cms that has been coded by previous developers and I have no idea why I can't get these grey areas to automatically fill the edge of any size screen.

Any help on where I am going wrong would be grateful as I am re-developing this website and need it done ASAP

Brian Tompsett - 汤莱恩
  • 5,753
  • 72
  • 57
  • 129
Craig
  • 15
  • 7

3 Answers3

0

Your #wrapper style is set to width: 970px. Change that to width: auto and you're good to go.

Mike Robinson
  • 24,971
  • 8
  • 61
  • 83
  • Yes that fills the page but would I need it to do is keep the text in the same place and only extend the background across – Craig Feb 05 '14 at 15:27
0

if you are talking about the box shown in blue below

is because the table is been redered inside the <div id="wrapper">

if you change the width: of the DIV to auto.... your boxes will go all the way to the edge as shown on the other image

image of link for example

after changing the width to auto of the wrapper div looks like:

enter image description here

azote
  • 586
  • 4
  • 6
0

  1. you will have to remove the width of the wrapper to auto

  2. then add to your content2 div something like: padding: 0 200px; for the gray only

enter image description here

azote
  • 586
  • 4
  • 6