9 replies [Last post]
dsecrest
Offline
newbie
Last seen: 15 years 30 weeks ago
Joined: 2006-01-04
Posts: 5
Points: 0

ok i have been working all day. this is not my first site. i am not a pro, but i have never ran into this problem before. I would seriously appreciate some help. I am a mac user and i think this problem only shows up on mac. I use safari and firefox. I will post the link and you can see the prob. Firefox Win doesn't show the problem. basically when the text is longer than the viewport, <div id="container"> just kind of ends and anything that may still be in #container is shoved below and it looks like crap. i have adjusted heights. usually i just set my container height at 100% in my style sheet. This isn't working today. I can make my container height 140% and it solves the problem but that is not the correct way to fix it. here take a look. you can view the source and css to see what the prob might be. I would appreciate any help you may be able to offer.
here is the linkhttp://www.mackwallbedsystems.com/redo/bedtypes.html

Thanks Dustin

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 41 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

will you check this please?

You'll need to validate your code cos you've got some missing </div> tags. Also, you've got problems with Win IE.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

dsecrest
Offline
newbie
Last seen: 15 years 30 weeks ago
Joined: 2006-01-04
Posts: 5
Points: 0

will you check this please?

i realize that i have problems within IE. One thing at the time. I am trying to figure this out first. Care to offer which div tags are missing? I 've checked numerous times.
thanks

dsecrest
Offline
newbie
Last seen: 15 years 30 weeks ago
Joined: 2006-01-04
Posts: 5
Points: 0

help

i went through and closed the div tags that were left open. it didn't fix the issue in safari or firefox. any other suggestions?
dustin

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 23 weeks 3 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Re: help

dsecrest wrote:
i went through and closed the div tags that were left open. it didn't fix the issue in safari or firefox. any other suggestions?
dustin


Three of your <img> tags are coded illegally, with attributes missing an = sign. Trying to fix your css is an exercise in total frustration until you get your html right.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

dsecrest
Offline
newbie
Last seen: 15 years 30 weeks ago
Joined: 2006-01-04
Posts: 5
Points: 0

eh?

i'm confused. What's illegal about them? Maybe there is something that I am not aware of, because I can't find what you're talking about. I'd appreciate the help, especially, if I have been doing something wrong all along. Thanks
dustin

MeTaL_oRgY
MeTaL_oRgY's picture
Offline
Regular
InGo'S RaNcH
Last seen: 13 years 28 weeks ago
InGo'S RaNcH
Joined: 2006-01-03
Posts: 28
Points: 0

will you check this please?

This is how a valid <img> tag looks like:

<img src="./images/image.jpg" alt="Image" />

Those are the basic attributes you must have for it to be valid. As said before, you should fix your html first. Trying to apply CSS to an invalid HTML code is like trying to dress a doll with no arms or legs.


dsecrest
Offline
newbie
Last seen: 15 years 30 weeks ago
Joined: 2006-01-04
Posts: 5
Points: 0

will you check this please?

ok thanks. yeah i took care of it. i didn't realize the alt attribute was required. anyway. if there are any other ideas for a solution to my original proble, that'd be great.

dustin

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 41 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

will you check this please?

If #container isn't extending to contain elements (like your footer for example), it's probably because they're floated and in browsers that follow the specs on floats, elements won't expand to contain the floats unless you add something like overflow:hidden to the containing element.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

MeTaL_oRgY
MeTaL_oRgY's picture
Offline
Regular
InGo'S RaNcH
Last seen: 13 years 28 weeks ago
InGo'S RaNcH
Joined: 2006-01-03
Posts: 28
Points: 0

will you check this please?

You can try to add a div just before the footer with the clear:both; attribute. Might work.