One page menu: in Firefox und IE first section not full-width

Question

Dear SemiColonWeb Team,

I use the Canvas Template on a TYPO3 Website. Now I have the problem, that on page with a "one page menu" the first section with background-image is not full-width in IE und Firefox. In Chrome it is perfect. Here the link to the affected page:

http://p282929.mittwaldserver.info/index.php?id=22

Only when i scroll down the page, the first section will be full-width.

How can I fix this?

Kind regards
Jeannette

SemiColonWeb · Accepted Answer

Hello, Simply add the following code just after the Tag: This should definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.

blende64 · Answer

Hi SemiColonWeb Team,

did not help. It was my custom css code for the first section, that produced the error. I had in my css file: margin top: 100px. When I remove that code, the first section is full width but I have a gap between the header and the first sec…

Semicolon Web · Answer

Hello,

Please consider adding the following CSS Code:

#content {
	top: -100px;
	margin-bottom: -100px;
}

Now, remove the .nomargin Class from the #content Container. This should fix your issue.

Let us know if we can help you with anything else or if you find any further issues.