The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> IE in Windows screwing up my page?
Ænima
post Sep 28 2006, 09:36 PM
Post #1





Group: Members
Posts: 6
Joined: 28-September 06
Member No.: 263
Ok, I'm a mac user and don't have easy access to a Windows machine. Anyway, I'm designing a site for my bosses wife and am fairly new to CSS (although a quick learner). I was horrified to be shown how Internet Explorer on Windows is totally screwing everything up. Even IE 5.x on Mac displays it properly (along with all 5 other browsers I checked it on on macs). IE for Mac is discontinued yet it displays my standard CSS better than IE 6 on a PC. What's up?

here's the link to the site - http://www.travelqueen.com

Does anyone know of a fairly simple way to fix this? It would be difficult for me to try and continually test this on a PC. I'd probably have to keep a friend with a PC on the phone for a loooooong time asking him/her to reload it every time I try something different. I could use a table I guess instead of CSS but I'm not a big table fan for page layout and I'd have to add more styles to make everything look right since tables seem to not inherit all of the styles from the rest of the page.

If anyone could help with this I would GREATLY appreciate it! Heck, if you have a PayPal account I could probably throw a little something your way (keep in mind I'm a poor college student)

Thanks!

This post has been edited by Ænima: Sep 28 2006, 09:37 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Sep 28 2006, 10:13 PM
Post #2


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16
I feel your pain. angry.gif

You could try http://www.browsercam.com/ free for 24 hours after registration.

All I can suggest is that Explorer doesn't like the <br /> tags . . . you might try changing them to <br>. I think sometimes it doesn't degrade gracefully. And maybe try the strict 4.01 doctype? Otherwise I can't see anything obvious.

HTH

This post has been edited by jimlongo: Sep 28 2006, 10:22 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Ænima
post Sep 28 2006, 10:53 PM
Post #3





Group: Members
Posts: 6
Joined: 28-September 06
Member No.: 263
Well, I tried those two little things but of course they made no difference. I might try out the browser cam thing tomorrow or this weekend. Unfortunately I don't have the time for all of that testing now, I've got to get sleep and I still need to do homework... wow I hate IE.

Even though it didn't help, thanks for the input!

This post has been edited by Ænima: Sep 28 2006, 10:54 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Sep 29 2006, 04:24 AM
Post #4


.
********

Group: WDG Moderators
Posts: 9,661
Joined: 10-August 06
Member No.: 7
Due to this bug: http://www.positioniseverything.net/explor...led-margin.html #navigation gets a doubled left margin in IE/win, this can be cured by adding "display: inline".

Not sure why #content appears below #navigation (apparently it becomes a few px too wide in IE), but it might be cured by removing the width of #content, which seems unnecessary.

I also recommend using a std mode DTD, like

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


otherwise most modern browsers will deviate from the W3C spec in various ways. But note that with a std mode DTD, you need the following to get 100% height:

CODE
html, body, #wrapper {
margin: 0;
padding: 0;
height: 100%;
}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Sep 29 2006, 10:51 AM
Post #5


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16
QUOTE(Christian J @ Sep 29 2006, 05:24 AM) *

But note that with a std mode DTD, you need the following to get 100% height:

CODE
html, body, #wrapper {
margin: 0;
padding: 0;
height: 100%;
}



Is this a general rule one needs to follow with IE and strict doctype? IOW do you need to always include this rule in any css that is included in a html document in std mode?

Thanks, jim
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Sep 29 2006, 11:42 AM
Post #6


.
********

Group: WDG Moderators
Posts: 9,661
Joined: 10-August 06
Member No.: 7
QUOTE(jimlongo @ Sep 29 2006, 05:51 PM) *

Is this a general rule one needs to follow with IE and strict doctype? IOW do you need to always include this rule in any css that is included in a html document in std mode?

Thanks, jim


Only if you want 100% height (of the viewport). BODY background is an exception, though, it always covers the whole viewport even if the actual BODY doesn't.

And it's not only IE, it applies to all modern browsers (unless in quirks mode). See http://css-discuss.incutio.com/?page=HundredPercentHeight

http://web.archive.org/web/20050320040403/...percheight.html contains a more detailed explanation.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Ænima
post Sep 29 2006, 12:25 PM
Post #7





Group: Members
Posts: 6
Joined: 28-September 06
Member No.: 263
Christian J

Thank you sooooo much! The "display: inline" and getting rid of the width on #content worked wonders. It displays perfectly now!

I don't really understand why you recommend changing the doctype... I've never really messed with this.

Anyway, the help was greatly appreciated and if you want to give me whatever paypal info I'd need to transfer you funds I'd really like to donate a little bit to the cause. This saved me so much time and hassle I just want to show my appreciation.

Well, thanks again!

This post has been edited by Ænima: Sep 29 2006, 12:26 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Sep 29 2006, 02:43 PM
Post #8


.
********

Group: WDG Moderators
Posts: 9,661
Joined: 10-August 06
Member No.: 7
QUOTE(Ænima @ Sep 29 2006, 07:25 PM) *

I don't really understand why you recommend changing the doctype... I've never really messed with this.


See http://hsivonen.iki.fi/doctype/

Since the quirks are different for different browser brands, one should use a Std mode doctype in order to minimize differences between modern browsers.

QUOTE
Anyway, the help was greatly appreciated and if you want to give me whatever paypal info I'd need to transfer you funds I'd really like to donate a little bit to the cause. This saved me so much time and hassle I just want to show my appreciation.


Hmm, this would be highly irregular, also I wouldn't want to take advantage of poor college students. unsure.gif

QUOTE
Well, thanks again!


You're welcome!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Ænima
post Sep 29 2006, 11:34 PM
Post #9





Group: Members
Posts: 6
Joined: 28-September 06
Member No.: 263
I'll take a look at that article on doctype. As far as the funds go, I know it was fairly "irregular", I just worry that sometimes help forums like this and the people in them are under appreciated and occasionally just taken for granted so I thought I would try to show my appreciation monetarily.

Anyway, I appreciate you not wanting to "take advantage" but if you change your mind I'd be very happy to. Thanks again, this was truly a "life saver!"
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 27th April 2024 - 03:50 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC