Need some help with CSS fix for Opera in a template

[CvP]

the template can be found here: http://bakabt.me/torrent/147902/Fate_Stay_Night_1080p_h264_AAC_Anime-Supreme.html

in ff (or chorme/ie/safari):

in opera:


I need to know why the cells are so large in opera and a possible fix 

thanks in advance.

[DaggerLite]

Hmm, curious. I would guess the issue lies in the fact that the template uses pixels to determine sizes. I think Opera and Safari makes things slightly larger (margins, etc.). You could check out this if you really want to change it. I don't think it's the end of the world, though.

If you simply want to remove the slight scroll, perhaps make the background a bit taller in the first place. A simple workaround.

Here's a direct link to the descriptions if anyone wants to check the source:
http://bakabt.me/description.php?id=147902

[CvP]

Hmm, curious. I would guess the issue lies in the fact that the template uses pixels to determine sizes. I think Opera and Safari makes things slightly larger (margins, etc.). You could check out this if you really want to change it. I don't think it's the end of the world, though.

If you simply want to remove the slight scroll, perhaps make the background a bit taller in the first place. A simple workaround.

Here's a direct link to the descriptions if anyone wants to check the source:
http://bakabt.me/description.php?id=147902

i'm trying to keep the total height at 750px or less.
currently im forced to keep it 900px for Opera.

thanks. i will tryout the css hacks.

[deysmacro]

Hmm, curious. I would guess the issue lies in the fact that the template uses pixels to determine sizes. I think Opera and Safari makes things slightly larger (margins, etc.). You could check out this if you really want to change it. I don't think it's the end of the world, though.

If you simply want to remove the slight scroll, perhaps make the background a bit taller in the first place. A simple workaround.

Here's a direct link to the descriptions if anyone wants to check the source:
http://bakabt.me/description.php?id=147902

i'm trying to keep the total height at 750px or less.
currently im forced to keep it 900px for Opera.

thanks. i will tryout the css hacks.

well... if you use version 1.6.3... all of the problem would not occur...

[Jarudin]

Try removing height="100%" from the table.

This is just one of the many examples why you shouldn't be using tables for layout.
And your CSS is a mess .. and you already know what I think about the JavaScript >_>

You should also do something about that hard-coded height of the outer div. It's practical but not very elegant.

--Jarudin--

[CvP]

Try removing height="100%" from the table.

This is just one of the many examples why you shouldn't be using tables for layout.
And your CSS is a mess .. and you already know what I think about the JavaScript >_>

You should also do something about that hard-coded height of the outer div. It's practical but not very elegant.

--Jarudin--

thanks for the solution.
already fixed it. i was inspecting with Opera dragonfly and noticed that this was the cause.

I'm not that expert with css. still learning!
however, i do have plans to make it table-less at some point.

that javascript has been cut to half


without the outer div, i have to call the bbt_resize_iframe() for each tab
and the height of the "frame" would change on the fly (which i want to avoid).
so this is the best solution i could came up with.