CODEWITHSUNDEEP
htmlcssiframeinternet-explorer-8
Reece
Reece

Reputation: 807

IE8 border and margin issue

I have a styling issue on our company's intranet that I can't figure out. It only happens with IE8 or lower. IE 9/10, FF, Chrome, Safari and Opera are all OK.

The issue is a border and paddings are appearing even though I've used border:none;, margin:0!important; and padding:0!important; and it's pushing the content inside over to the right and causing a horizontal scroll bar to appear.

example

This is where it gets confusing... Our intranet (asp) has the "panels" that you can see in the screenshot above. There is a "Custom HTML" panel that will allow me to insert HTML into the SQL database cell for that panel, but to view a complex html, it's best to store a file.html page and pull it into the panel using an iframe. I can supply the iframe reference and the css using in my file.html... which one is the most likely culprit?

iframe reference in SQL database:

{top|Members,Forum,HTML($$Summit 2013 Information$$<iframe src="http://www.myexternalsource/WORKING_FOLDER/Summit2013/Summit2013.html" width="768" height="1926" style="border:none!important; margin:0px!important; padding:0px!important;"><p>Your browser does not support iframes.<br /><br /><a href="http://www.myexternalsource/WORKING_FOLDER/Summit2013/Summit2013.html" target="_blank">Click here to open in a new window</a></p></iframe>)}{middleLeft|}{middleRight|}{bottom|}{hidden|Announcements,Items,Tasks,Collections,WhatsOn,Activity,RSS,QuoteOfDay,Absentee}

Summit2013.html with irrelevant styles and html removed

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
#iframe-wrapper {
    display: block;
    width:760px;
    padding:0px;
    margin:0 auto;
}
...
</style>
</head>

<body style="margin:5px 0 0 7px !important;">
...

Upvotes: 0

Views: 226

Answers (1)

Francisco Aquino
Francisco Aquino

Reputation: 9127

<iframe frameborder="0" ...></iframe>

Margins IIRC you can define in the inner page.

Upvotes: 1

Related Questions