11 replies [Last post]
Anonymous
Anonymous's picture
Guru
calgary,alberta
calgary,alberta

Hello. Just found this forum in my quest to find a solution to a problem.

First, the URL:

http://space-for-a-name.tk

Basically, the site's laid out like this. There's a banner div up top, with a frame div below. Inside the frame div, there's a navigation div floated left and a content div that is supposed to sit beside the navigation div. This works fin in Safari, IE5.2/Mac & Mozilla, but I know that in IE6 the content div doesn't sit next to the nav div..but drops below it instead.

So, if you can check this site /w your browser and let me know how it looks, I'd appreciate it. and if you have IE6, can you take a look at this problem and perhaps offer a solution? I'm really stuck here.

Jack31081
Offline
newbie
Last seen: 19 years 5 weeks ago
Timezone: GMT-5
Joined: 2003-07-05
Posts: 3
Points: 0

New CSS-only site needs to be checked

oops...guess i wasn't logged in. well being new here, i guess i gotta screw up at least once.

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 7 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Framed...

I checked it out in IE6 and I see the exact issue you describe. While I'm now quite sure of a solution, I'm curious why you're using frames. I've seen frames do some sketchy things, and I completely distrust them by default.

Diplomacy is the art of letting someone have your way

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 6 years 27 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

New CSS-only site needs to be checked

2 things.

1. Doctype!

You're close with <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">, but IE likes a real pointer to the DTD, ie. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> or similar, depending on what you're working too.

Now while this might now work in IE6, it'll still cause a problem with #2 in lesser versions of IE...

2. Widths!

IE calculates widths slightly differently. I assume you've calculated yours to 100% of the space available... IE is liable to add on a couple of pixels somewhere and break it.

Best to just be 'gentle' with the widths, calculate to a bit less - in some the space between will be a bit more, but it'll be worth it to get the layout on other browsers.

Hope all that helps...

@KnightWolfJK : Each to their own, I'm with you, but I've also seen some nice designs with frames...

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 6 years 27 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

New CSS-only site needs to be checked

WAIT!

@KnightWolfJK: It's not a HTML frame, it's a DIV with the id="frame". Didn't think I could see any frames in there... Laughing out loud

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 7 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

New CSS-only site needs to be checked

@dJomp: I saw at first too, which is what lead me to

<html>

  <head>



    <title>Space For A Name - There's No Time Like Tomorrow</title>
    <meta name="description" content="A personal website that includes a weblog, a portfolio of current web design projects, and self-made CSS layouts available for download.">
    <meta name="keywords" content="CSS layouts, Jack Anderson, John Anderson, blog, web design, weblog, webmaster">
  </head>

  <frameset rows="*,1" framespacing="0" border="0" frameborder="NO">
    <frame src="http://eecs.cwru.edu/~jwa4/design/" name="dot_tk_frame_content" scrolling="auto" noresize>
  </frameset>

  <noframes>
    <body>
    </body>
  </noframes>

</html>

on his main page...

I really need to study up on the ups and downs of the proper doctype- anyone have any suggestions that aren't too technical?

Diplomacy is the art of letting someone have your way

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 9 years 13 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

New CSS-only site needs to be checked

That frameset you see is an Auto generated frameset when you use the free domain name Service provided by dottk. I think he may not have them in his actual code.

http//melbourne.ug.php.net

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 7 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Oops

Well then... nevermind. :roll: Laughing out loud

Diplomacy is the art of letting someone have your way

Jack31081
Offline
newbie
Last seen: 19 years 5 weeks ago
Timezone: GMT-5
Joined: 2003-07-05
Posts: 3
Points: 0

New CSS-only site needs to be checked

djomp, thanks for the info about the doctype, but last night i converted the site to valid XHTML 1.0 markup, including the doctype and namespace declarations.

as far as the width thing goes. i'll take a look at it, but i thought IE6 went into standards mode once it was given the right doctype...

EDIT** - I changed the widths and also added float:right to the content div, so now I have a frame div that's 620px wide with 5px of padding on the left and right, a left floated div that's 140px wide and a right floated div that's 420px wide. that should leave plenty of space for IE not to overflow the frame div...right?

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 6 years 27 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

New CSS-only site needs to be checked

Yep, that should work. IE6 if given the DOCTYPE correctly will indeed work things fine... IE5(.5), no matter what you do with DOCTYPE's, won't.

Hmm, I did a right-click view source, no wonder... would never have seen the frames there anway, more the fool me. Used to have something similar on my old hosting; it's a way of keeping the domain name (space-for-a-name.tk) at the top, while having the site somewhere completely different.

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

Jack31081
Offline
newbie
Last seen: 19 years 5 weeks ago
Timezone: GMT-5
Joined: 2003-07-05
Posts: 3
Points: 0

New CSS-only site needs to be checked

Yeah. the .tk domain name is free from http://www.dot.tk while the actual files are on my university's servers.

I think I got it working now. I added some more space between the divs and floated them to the left and right respectively. I got confirmation from a friend that it loads correctly in IE6... Laughing out loud Laughing out loud Laughing out loud

Daniel
Daniel's picture
Offline
Enthusiast
Last seen: 48 weeks 6 days ago
Timezone: GMT+10
Joined: 2003-03-12
Posts: 76
Points: 0

New CSS-only site needs to be checked

One small thing. I checked out the site in IE6 and it looks like the content of the iframe in the 'Contact' page is a little too wide, giving you horizontal scrollbars [-X