there's a space between iframe bottom and it's outer div .

Board index » YUI 3.x: » CSS

Page 1 of 1

[ 1 post ]

New Topic | Post Reply | Print view

Previous topic | Next topic

lei yu

Username: yulei
Joined: Sun Apr 15, 2012 5:10 pm
Posts: 2

Tags:

css grid iframe

there's a space between iframe bottom and it's outer div .

Posted: Sun Apr 15, 2012 8:29 pm

+0-

Env:IE6、7、8
Code:

Code:

<html>
   <head>
      <link rel="stylesheet" type="text/css" href="reset-min.css" />
      <link rel="stylesheet" type="text/css" href="base-min.css" />
      <link rel="stylesheet" type="text/css" href="fonts-min.css" />
      <link rel="stylesheet" type="text/css" href="grids-min.css" />
   </head>
   <body scroll="no">
      <div class="yui3-g">
         <div class="yui3-u-1" style="border-bottom: 1px solid blue;">
             <iframe src=""  style="border-bottom: 1px solid red;"></iframe>
         </div>
      </div>
   </body>
</html>

without the line:<link rel="stylesheet" type="text/css" href="grids-min.css" />,the red line
and the blue line are alongside。
with the line:<link rel="stylesheet" type="text/css" href="grids-min.css" />, there is a 3px space
between the red line and the blue line

can any one hidden or destroy the space ?

Page 1 of 1

[ 1 post ]

New Topic | Post Reply | Print view

Previous topic | Next topic

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum