4 replies to this topic

[Hoot]

I am having a problem with my CSS, ok right now I am not coding my site with <div> (I know theres more that that to code that part) but I am useing tables at the moment with CSS setting all of the cell properties, and for some reason I cant get my site to go to a height of 100% in opera, it works in IE and FF fine.

Hoot

[ivanthem]

Posting your current code may be of some help

[Twenty2Pixels]

Yeah, the problem is the IE, Firefox, And Opera all read CSS coding differently. You may want to figure out alternative ways to do these things, but it is not always easy. Width=100% seems to be a big issue with browsers, aswell as height=100%.

You may want to set it to an actual height, like 550 for a 800x600 screen.

You can also add some breaks, <br>

But most importantly, dont worry about it. Most of your users are going to be using Internet Explorer, and the more serious Firefox. Barely any percentage of the internet uses Opera. I wouldn't even take it into consideration that Operea can't see the site exactly as formatted. Although if Opera wasn't able to display your page at all, then you may need some help. But just for some formatting glitches, don't worry about it.

[dEcade]

I've learned from just playing around with the script how to make it go to the bottom and stuff here is just an example:

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

html
{
   height: 100%
}

body
{
   height: 100%;
   Blah
   blah
   blah
}

notice how you put height 100% in the Hhtml part and in body. the html make opera and FF go to the bottom and in the body it does that for IE.

dEcade

Edited by dEcade, 03 October 2005 - 04:51 PM.

[coolaid]

yep, what decade said is what i do, but we can shorten that css to:

*{
    border:0;
    margin:0
}

html, body{
    height:100%
}

but i've never actually tested that in opera...