Problems with CSS

ID:185495
 
Jan 18 2006, 5:54 pm
On my BYOND member blog (Courtesy Scoobert!), I am having troubles with CSS. On Mozilla-based browsers, my text is smaller like I set it, the left table (layer) doesn't EXPAND with browser resize, and it all looks better to me.

However, in IE, it's the opposite - The text is back to default, and the all the bloody layers stretch around like rubber.

Mozilla (Good) :

Free Image Hosting at www.ImageShack.us

Internet Explorer (Bad) :

Free Image Hosting at www.ImageShack.us

(If image/text garbled when you view the images, left click the image to expand)

I am dying here. Can anyone fark with the CSS to make it work, cross-browser? Ugh, the IE-version of the page makes me vomit X_X

Thanks,

~Kujila
Jan 19 2006, 2:24 pm
Image Hosted by ImageShack.us

Ack!

Man, now what?

~Kujila
Jan 20 2006, 11:54 am
In response to Kujila
I see just fine in FF. >_>
Jan 20 2006, 12:02 pm
In response to Hell Ramen
Odd. Dang. =P

Good news then :D

Now just to make it work in IE correctly -_-;

~Kujila
Jan 20 2006, 12:20 pm
In response to Kujila
My mistake. I'm used to using Firefox, but on this old as dirt computer, Opera actually runs a bit better.

Here is a screenie: http://members.byond.com/Flick/files/kujila.jpg
Jan 20 2006, 12:24 pm
In response to Flick
Ah! No! =0

Thanks... ugh, do any other blogs on here do that, or just mine?

~Kujila
Jan 20 2006, 12:28 pm
In response to Kujila
Your's is the only one that drastic. I have a few issues on occasion because I don't load images by default. Sometimes people assume their images will space things out properly for them, but if they don't set images height/width attributes, it can get odd.
Jan 20 2006, 12:30 pm
In response to Flick
Drats. Hmm, well anyhow, I made a blog post regarding it. If anyone can make things right, I would be eternally grateful :D Post here or there please :)

~Kujila
Jan 20 2006, 12:36 pm
In response to Kujila
I'd take a look at your blog post, but...

:P
Jan 20 2006, 12:42 pm
In response to Flick
-_-

lol

It's basically what's been said here, reworded a bit.

~Kujila
Jan 20 2006, 7:25 pm
I am experimenting [offline] with CSS a bit more... I set the font size to 12 pixels. Now, that looks ok in both IE and Seamonkey (Mozilla), but I was taught to never use definite pixel values. I was told to always use "small" "x-small" "large" and such in CSS.

Do you think there's anything wrong with using a pixel value? Will larger screen resolutions be unable to read the text or resize it?

~Kujila
Jan 20 2006, 7:34 pm
In response to Kujila
The boxes still strech across the screen in Opera.
Jan 20 2006, 7:35 pm
In response to Shun Di
I am tinkering offline, I haven't done anything online yet. :)

[EDIT]

Ok now I uploaded it - anything now? :)

~Kujila
Jan 21 2006, 5:55 am
In response to Kujila
Kujila wrote:
Do you think there's anything wrong with using a pixel value? Will larger screen resolutions be unable to read the text or resize it?

It's best to use relative values. That way everything will scale okay or mostly okay. Putting in absolute measurements like pixels limits how well resizing things will work.

There are a bunch of different settings for font-size that could work. Unfortunately IE bungles most of them. :P
http://www.htmlhelp.com/reference/css/font/font-size.html
Jan 21 2006, 6:02 am
In response to Jon88
Drats. Yeah, Internet Explorer does a good job of not reading what I put in the CSS :D

I'll have to fart around with it some more later and try to get it working with non-definite values.

~Kujila
Jan 21 2006, 6:15 am
In response to Kujila
Ah, yes that seems to have done it.