Click to See Complete Forum and Search --> : Flash rotating banner causing unwanted space


Ebola
02-27-2008, 03:53 PM
I want a rotating banner on one of the pages I have. In the screenshot I attached I have a gif as the top black part, with absolute positioned Home |About |Contact etc, in the top right.

I have a flash movie below that which works fine in IE, but in Opera and FF I get that space between the gif and movie.

Here are my desperate attempts to make it go away
object {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
img {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
script {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
embed {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
Does anyone know how to fix this?

dtm32236
02-27-2008, 04:53 PM
well, let's start by pointing out that

anything {margin:0; padding:0;}

is the same as

anything {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

now, chances are, this is an IE error, not an Opera/FF one.
i'm going to go ahead and guess that if you validate your page (http://validator.w3.org/), you'll probably get errors. the reason that IE is working is because it usually allows stupid errors to happen.

if that's not it...

every browser has their own margin and padding sizes for different elements
this is why I start all my css files with:
* {margin:0; padding:0;}

this will reset every element's spacing to zero - now you're in control, not the browser.

without a live page and more code, it's tough to tell what the error is, but try these few things and see if it works out.

dtm32236
02-27-2008, 04:55 PM
PS - this is a CSS issue, not a 'multimedia' one...

Ebola
02-27-2008, 05:12 PM
Ah, thank you. The validator caught some errors and after fixing them it's working fine.

dtm32236
02-27-2008, 07:40 PM
nice... glad it worked

Eye for Video
02-28-2008, 10:26 AM
Thanks for the advice dtm32236. I was aware of the margin/padding issue but was never quite sure how to deal with it.