HTML/CSS - small misalignment in chrome

mhdi
mhdi used Ask the Experts™
on
Hi all,

On my homepage there should be a margin between the navigation bar and the 'client access' table.

In Chrome, the margin does not show. It works fine in IE. Screenshot: Screenshot
Can anyone identify the issue causing this in chrome?

Website link: http://bit.ly/Ode2a9

Thank you
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Kyle HamiltonData Scientist
Most Valuable Expert 2014

Commented:
add margin top:

.twoColLiqLtHdr #mainContent {
margin: 15px 15px 0 4px;
}

twoColLiqLtHdr.css, line 289
Dave BaldwinFixer of Problems
Most Valuable Expert 2014

Commented:
Works fine in Firefox and Chrome here.

Author

Commented:
@kozaiwaniec - Adding the margin pushes it down in IE making Chrome ok but IE too low.

@DaveBaldwin - Not sure why you cant see the issue, I can replicate the problem on multiple computers.
Data Scientist
Most Valuable Expert 2014
Commented:
.twoColLiqLtHdr #mainContent {
margin: 0 15px 0 4px;
padding-top: 15px;
}


In your index.html file, you have a conditional for IE, which specifies padding-top:15px, and that's why IE gets the padding.

You can take it out of the conditional, and apply globally in your main style file.

Play around with it. You could take the padding out completely, and apply margin instead.. dime a dozen..

Author

Commented:
Perfect. Thank you.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial