Hello everybody,
and thanks in advance for the you would like to provide.
I am putting my cv online and used an iframe to load different sections of it
keeping on screen always the same main index page. If you visit it:

www.giuseppecraparottacv.co.uk

and open the "work" section you'll notice that the distance between the box
coming down and the "other" bar is 3px bigger in FF than in Opera and IE 6 & 7.
Does somebody know why that?
A very rare case of a FF bug??
Nooo, it must be me coding something wrong, of course!
The stylesheet is supposed to simply style its height and nothing like its
bottom margin.
Additionally, the iframe px-height differs in IEs comparing to FF and Opera,
but this is less important.
Can somebody ? Thanks, Giuseppe

Attached is the code of the stylesheet.


/*---------------------------------------------general--------------------------
-------------------------*/
html, body, h1, h2, img, p, strong, dl, dt, dd, ul, a, div, div.item, iframe {
padding:0;
margin:0;
}

a {
text-decoration:none;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#CAC8C8;
margin-top:180px;
}


/*-----------------------------------------------header-------------------------
---------------------------*/
h1 {
position:fixed;
top:0;
left:0;
font-size:0.7em;
font-weight:normal;
color:#8F8E8E;
line-height:1.7em;
background-color:#CAC8C8;
padding:20px 600px 0 20px;
z-index:1;
}

h1 a {
color:#8F8E8E;
}

span {
color:#139FCD;
}



/*--------------------------------------------------bars------------------------
------------------------------*/
dd, dt {
width:42em;
margin:0 auto;
}

dd {
display:none;
position:relative;
/*margin-bottom:3px;*/
}

dt {
margin-bottom:3px; /*distance between bars*/
}


/*--------------------------------------------------content---------------------
---------------------------------*/
dt a {
display:block;
height:1.75em;
min-height:28px;
width:42em;
min-width:592px;
max-width:900px;
color:#000000;
background:#DCDCDC url(img/bg-bar.jpg) repeat-x;
}

dt a:hover {
color:#139FCD;
background:#D9D7D8 url(img/bg-bar-r.gif) repeat-x;}

p {
text-align:center;
padding-top:5px;
font-weight:bold;
}

dd {
position:relative;
margin-bottom:3px;
}

/*visible after bar click*/
dd div {
position:absolute;
top:-1.93em;
left:0;
height:1.95em;
/*do not change top, left, height values*/
width:42em;
background: #737272 url(img/bg-bar-open.gif) no-repeat center top;
text-align: center;
}

dd div p {
color:#00B9F6;
padding-top:5px;}

.content {
position:static;
min-width:574px;
width:41.5em;
height:auto;
color:#6C6C6C;
background:none;
background-color:#ffffff;
border-right: 4px solid #737272;
border-bottom: 4px solid #737272;
border-left: 4px solid #737272;
}

.content p {
color:#000000;
font-size:0.9em;
font-weight:normal;
text-align:left;
padding:0.9em 1.5em 0.9em 1.5em;
}


ul {
width:41.5em;
list-style-type:none;
border-right:4px solid #737272;
border-left:4px solid #737272;
}
li {
padding:0.9em 1.5em 0.9em 1.5em;
font-size:0.9em;
}
.odd {
background-color:#F4F2F2;
}
.even {
background-color:#ffffff;
}
.last {
border-bottom:4px solid #737272;}



iframe {
width:100%;
height:598px;
}



p.instructions {
font-weight:normal;
font-size:0.55em;
letter-spacing:0.15em;
color:#919090;
padding-bottom:2em;
}

.instructions a {
color:#919090;
text-decoration:underline;}

.instructions a:hover {
color:#139FCD;}

It appears to be coming from here:

dd {
position:relative;
margin-bottom:3px;
}

--
Ken Ford
Adobe Community Expert - Dreamweaver
Fordwebs, LLC
http://www.fordwebs.com


"giuseppe craparotta" <webforumsuser@macromedia.com> wrote in message
news:fqe4fo$l92$1@forums.macromedia.com...
> Hello everybody,
> and thanks in advance for the you would like to provide.
> I am putting my cv online and used an iframe to load different sections of
> it
> keeping on screen always the same main index page. If you visit it:
>
> www.giuseppecraparottacv.co.uk
>
> and open the "work" section you'll notice that the distance between the
> box
> coming down and the "other" bar is 3px bigger in FF than in Opera and IE 6
> & 7.
> Does somebody know why that?
> A very rare case of a FF bug??
> Nooo, it must be me coding something wrong, of course!
> The stylesheet is supposed to simply style its height and nothing like its
> bottom margin.
> Additionally, the iframe px-height differs in IEs comparing to FF and
> Opera,
> but this is less important.
> Can somebody ? Thanks, Giuseppe
>
> Attached is the code of the stylesheet.
>
>
> /*---------------------------------------------general--------------------------
> -------------------------*/
> html, body, h1, h2, img, p, strong, dl, dt, dd, ul, a, div, div.item,
> iframe {
> padding:0;
> margin:0;
> }
>
> a {
> text-decoration:none;
> }
>
> body {
> font-family:Verdana, Arial, Helvetica, sans-serif;
> background-color:#CAC8C8;
> margin-top:180px;
> }
>
>
> /*-----------------------------------------------header-------------------------
> ---------------------------*/
> h1 {
> position:fixed;
> top:0;
> left:0;
> font-size:0.7em;
> font-weight:normal;
> color:#8F8E8E;
> line-height:1.7em;
> background-color:#CAC8C8;
> padding:20px 600px 0 20px;
> z-index:1;
> }
>
> h1 a {
> color:#8F8E8E;
> }
>
> span {
> color:#139FCD;
> }
>
>
>
> /*--------------------------------------------------bars------------------------
> ------------------------------*/
> dd, dt {
> width:42em;
> margin:0 auto;
> }
>
> dd {
> display:none;
> position:relative;
> /*margin-bottom:3px;*/
> }
>
> dt {
> margin-bottom:3px; /*distance between bars*/
> }
>
>
> /*--------------------------------------------------content---------------------
> ---------------------------------*/
> dt a {
> display:block;
> height:1.75em;
> min-height:28px;
> width:42em;
> min-width:592px;
> max-width:900px;
> color:#000000;
> background:#DCDCDC url(img/bg-bar.jpg) repeat-x;
> }
>
> dt a:hover {
> color:#139FCD;
> background:#D9D7D8 url(img/bg-bar-r.gif) repeat-x;}
>
> p {
> text-align:center;
> padding-top:5px;
> font-weight:bold;
> }
>
> dd {
> position:relative;
> margin-bottom:3px;
> }
>
> /*visible after bar click*/
> dd div {
> position:absolute;
> top:-1.93em;
> left:0;
> height:1.95em;
> /*do not change top, left, height values*/
> width:42em;
> background: #737272 url(img/bg-bar-open.gif) no-repeat center top;
> text-align: center;
> }
>
> dd div p {
> color:#00B9F6;
> padding-top:5px;}
>
> .content {
> position:static;
> min-width:574px;
> width:41.5em;
> height:auto;
> color:#6C6C6C;
> background:none;
> background-color:#ffffff;
> border-right: 4px solid #737272;
> border-bottom: 4px solid #737272;
> border-left: 4px solid #737272;
> }
>
> .content p {
> color:#000000;
> font-size:0.9em;
> font-weight:normal;
> text-align:left;
> padding:0.9em 1.5em 0.9em 1.5em;
> }
>
>
> ul {
> width:41.5em;
> list-style-type:none;
> border-right:4px solid #737272;
> border-left:4px solid #737272;
> }
> li {
> padding:0.9em 1.5em 0.9em 1.5em;
> font-size:0.9em;
> }
> .odd {
> background-color:#F4F2F2;
> }
> .even {
> background-color:#ffffff;
> }
> .last {
> border-bottom:4px solid #737272;}
>
>
>
> iframe {
> width:100%;
> height:598px;
> }
>
>
>
> p.instructions {
> font-weight:normal;
> font-size:0.55em;
> letter-spacing:0.15em;
> color:#919090;
> padding-bottom:2em;
> }
>
> .instructions a {
> color:#919090;
> text-decoration:underline;}
>
> .instructions a:hover {
> color:#139FCD;}
>