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: 4795
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: Baidu [Spider], brendows, Calder, einsteinboricua, Hillis, lugie, vikkyvik and 28 guests

Popular Searches On Airliners.net

Top Photos of Last:   24 Hours  •  48 Hours  •  7 Days  •  30 Days  •  180 Days  •  365 Days  •  All Time

Military Aircraft Every type from fighters to helicopters from air forces around the globe

Classic Airliners Props and jets from the good old days

Flight Decks Views from inside the cockpit

Aircraft Cabins Passenger cabin shots showing seat arrangements as well as cargo aircraft interior

Cargo Aircraft Pictures of great freighter aircraft

Government Aircraft Aircraft flying government officials

Helicopters Our large helicopter section. Both military and civil versions

Blimps / Airships Everything from the Goodyear blimp to the Zeppelin

Night Photos Beautiful shots taken while the sun is below the horizon

Accidents Accident, incident and crash related photos

Air to Air Photos taken by airborne photographers of airborne aircraft

Special Paint Schemes Aircraft painted in beautiful and original liveries

Airport Overviews Airport overviews from the air or ground

Tails and Winglets Tail and Winglet closeups with beautiful airline logos