HTML Table fill to edge of screen

StackOverflow https://stackoverflow.com/questions/21581234

Question

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

Was it helpful?

Solution

  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

OTHER TIPS

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

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top