Skip to main content
This topic has been closed for replies.
Correct answer BenPleysier

For such a great design, it is a pity that you used an HTML table. Inevitably such a table will add extra spaces which are causing the horizontal scrolling.

To answer your question, just after the body tag (<body> add

<div id="overflowhidden">

and just before the end body tag (</body>) close the wrapper with

</div>

Getting back to the table matter, try adding the following style rule to your table elements

border-collapse: collapse;

2 replies

P
Peter CarrAuthor
Inspiring
May 29, 2018

Thanks Ben.

The div tag worked.

border-collapse: collapse; on the table didn't seem to resolve this issue.

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
May 29, 2018

You have not given us much information to go on. I assume that you have placed the overflow on the HTML or BODY elements. If you create a wrapper inside the body element, and apply the rule to the wrapper, I think that it should work.

Having said that, if you have applied all of the correct rules to your design, there should be no need for overflow: hidden.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
P
Peter CarrAuthor
Inspiring
May 29, 2018

Yes the overflow is on the body with the css styling.

<body id="overflowhidden">

CONTENT

</body>

css

#overflowhidden {

     overflow-x: hidden;

}

Can you give me an example of a wrapper inside ?

If you want to see it live.

Spinaxis Creative | Advertising Concepts, Design & Photography | Social Media Advertising, Google Adwords, Digital Marke…

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
May 29, 2018

For such a great design, it is a pity that you used an HTML table. Inevitably such a table will add extra spaces which are causing the horizontal scrolling.

To answer your question, just after the body tag (<body> add

<div id="overflowhidden">

and just before the end body tag (</body>) close the wrapper with

</div>

Getting back to the table matter, try adding the following style rule to your table elements

border-collapse: collapse;

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices