looneytoon
Posts: 438
Joined: Thu Mar 10, 2005 9:33 am

Html Help - Different Browsers

Fri Dec 02, 2005 10:04 am

Hi,

I have set up a blog on blogspot. The thing is that when it opens in Mozilla, it looks great. But when I open it up using Internet Explorer, the side bar is all messed up.

open it up in both browsers to see the difference:

http://guzzyguzman.blogspot.com

What is up with it? Can I fix it?

Thanks

EDIT:
pssh! While you are there, make a comment or two... Big grin

[Edited 2005-12-02 02:05:07]
LooneyToon
 
BigOrange
Posts: 2291
Joined: Tue Apr 13, 2004 2:20 am

RE: Html Help - Different Browsers

Sat Dec 03, 2005 6:50 am

Send me your email address. I just fixed it in Front Page, I'll email you the file back.
 
looneytoon
Posts: 438
Joined: Thu Mar 10, 2005 9:33 am

RE: Html Help - Different Browsers

Sat Dec 03, 2005 8:05 am

hey. I really appreciate it.

my email is:

guzzyguzman@gmail.com

what was the problem?
LooneyToon
 
BigOrange
Posts: 2291
Joined: Tue Apr 13, 2004 2:20 am

RE: Html Help - Different Browsers

Sat Dec 03, 2005 9:08 am

I don't have a clue!

I just opened it in IE, then in Front Page.

It kind of fixed itself and I just saved it to my hard drive!
 
looneytoon
Posts: 438
Joined: Thu Mar 10, 2005 9:33 am

RE: Html Help - Different Browsers

Sat Dec 03, 2005 9:38 am

so what exactly did you send me? It looks like you copy and pasted my blog into an email?
LooneyToon
 
User avatar
nighthawk
Posts: 4781
Joined: Sun Sep 16, 2001 2:33 am

RE: Html Help - Different Browsers

Sat Dec 03, 2005 10:26 am

LooneyToon:

I notice your site uses DIVs to display the content, with CSS to position them. While this is strongly encouraged by the W3C, it is not always practical. Microsoft, as always, decided not to follow the pre-established standards, and as such IE does not implement the CSS boxing system as intended.

the standard specifies that the box should pad outwards, ie you specify the width of the DIV (100 pixels) then specify the padding (2 pixels), which gives you a box of 102 pixels.

Microsoft in their great wisdom decided to do it in reverse, you pad inwards. So you specify your 100 pixel wide DIV, with 2 pixel padding, resulting in a text area of 98 pixels, and a cell of 100.

As you can imagine this causes text to wrap in IE when it shouldnt, take up greater height, less width etc.

This is why the design does not render as intended in IE

There is a code you can add to the CSS which makes Firefox use the IE way of padding inwards, but i cant remember what it is right now. That is your only real hope, use the IE method, it might not be the standard, but seen as 88% of people use IE, you may as well design for it!

PS: I might have the boxing the wrong way round, IE might pad outwards whereas the standard is Inwards, or vice vesra, cant remember right now, and im too drunk to care, but thats your problem, different boxing implementations  Silly
 
BigOrange
Posts: 2291
Joined: Tue Apr 13, 2004 2:20 am

RE: Html Help - Different Browsers

Tue Dec 06, 2005 2:44 am

Quoting LooneyToon (Reply 4):
so what exactly did you send me? It looks like you copy and pasted my blog into an email?

I just saved your blog to my hard drive then emailed it back to you with the embedded images attached.

Just save them to your hard drive wherever the rest of your blog is.

Who is online

Users browsing this forum: dfwjim1 and 32 guests