Mythspace Archives
- First set the width of the extended-content-container div to 500%. This will make the div you are trying to extend 5 time wider than the center column it lives inside. This can be adjusted up or down depending on the size of the center column you are working with.
- Step two is to set the left margin of that same container div to -200%. This will center that extended content div and make it look like it's in line with the rest of the main center content column. If you adjust the full width mentioned above make sure you adjust this left margin to equal -((width - 100%)/2).
- The next step is to remove the horizontal scrolling that happens because now we have the content div extending 200% both left and right beyond the center content column. We can achieve this by setting the overflow property of the full-page-width container div (the full width of the page) to hidden. This will hide the content that overflows to the left and right beyond the full page width and remove our unwanted horizontal scroll.
- First set the width of the extended-content-container div to 500%. This will make the div you are trying to extend 5 time wider than the center column it lives inside. This can be adjusted up or down depending on the size of the center column you are working with.
- Step two is to set the left margin of that same container div to -200%. This will center that extended content div and make it look like it's in line with the rest of the main center content column. If you adjust the full width mentioned above make sure you adjust this left margin to equal -((width - 100%)/2).
- The next step is to remove the horizontal scrolling that happens because now we have the content div extending 200% both left and right beyond the center content column. We can achieve this by setting the overflow property of the full-page-width container div (the full width of the page) to hidden. This will hide the content that overflows to the left and right beyond the full page width and remove our unwanted horizontal scroll.
- First set the width of the extended-content-container div to 500%. This will make the div you are trying to extend 5 time wider than the center column it lives inside. This can be adjusted up or down depending on the size of the center column you are working with.
- Step two is to set the left margin of that same container div to -200%. This will center that extended content div and make it look like it's in line with the rest of the main center content column. If you adjust the full width mentioned above make sure you adjust this left margin to equal -((width - 100%)/2).
- The next step is to remove the horizontal scrolling that happens because now we have the content div extending 200% both left and right beyond the center content column. We can achieve this by setting the overflow property of the full-page-width container div (the full width of the page) to hidden. This will hide the content that overflows to the left and right beyond the full page width and remove our unwanted horizontal scroll.
- First set the width of the extended-content-container div to 500%. This will make the div you are trying to extend 5 time wider than the center column it lives inside. This can be adjusted up or down depending on the size of the center column you are working with.
- Step two is to set the left margin of that same container div to -200%. This will center that extended content div and make it look like it's in line with the rest of the main center content column. If you adjust the full width mentioned above make sure you adjust this left margin to equal -((width - 100%)/2).
- The next step is to remove the horizontal scrolling that happens because now we have the content div extending 200% both left and right beyond the center content column. We can achieve this by setting the overflow property of the full-page-width container div (the full width of the page) to hidden. This will hide the content that overflows to the left and right beyond the full page width and remove our unwanted horizontal scroll.
- First set the width of the extended-content-container div to 500%. This will make the div you are trying to extend 5 time wider than the center column it lives inside. This can be adjusted up or down depending on the size of the center column you are working with.
- Step two is to set the left margin of that same container div to -200%. This will center that extended content div and make it look like it's in line with the rest of the main center content column. If you adjust the full width mentioned above make sure you adjust this left margin to equal -((width - 100%)/2).
- The next step is to remove the horizontal scrolling that happens because now we have the content div extending 200% both left and right beyond the center content column. We can achieve this by setting the overflow property of the full-page-width container div (the full width of the page) to hidden. This will hide the content that overflows to the left and right beyond the full page width and remove our unwanted horizontal scroll.
- First set the width of the extended-content-container div to 500%. This will make the div you are trying to extend 5 time wider than the center column it lives inside. This can be adjusted up or down depending on the size of the center column you are working with.
- Step two is to set the left margin of that same container div to -200%. This will center that extended content div and make it look like it's in line with the rest of the main center content column. If you adjust the full width mentioned above make sure you adjust this left margin to equal -((width - 100%)/2).
- The next step is to remove the horizontal scrolling that happens because now we have the content div extending 200% both left and right beyond the center content column. We can achieve this by setting the overflow property of the full-page-width container div (the full width of the page) to hidden. This will hide the content that overflows to the left and right beyond the full page width and remove our unwanted horizontal scroll.