keep divs together on IE

liunx

Guest
I've posted questions on this site in a few other threads.

Site (<!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/Bing/index_floats.html">http://users.rcn.com/rmkerr/Bing/index_floats.html</a><!-- m -->)
CSS (<!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/Bing/bingRugby.css">http://users.rcn.com/rmkerr/Bing/bingRugby.css</a><!-- m -->)

I've finally got this layout doing what I want in Moz, but you'll notice in IE that the right Div jumps down.

Any ideas on how I can keep them together and scaling like they do in Moz? Thanks.



P.S. There are problems with Safari and MacIE, I figure I'll figure them out laterintital guesses:

contentWrapperRT {margin=left:10px}
should be margin-left:10px

maybe wrapper2 needs to be wider?Originally posted by TimeBandit
intital guesses:

contentWrapperRT {margin=left:10px}
should be margin-left:10px

maybe wrapper2 needs to be wider?

Good eyes on that typo, thanks.


wrapper2 width is set to 100% in the CSS; thanks for the reply

I deleted a 'spacer' div that I had under the content, i was using it for a min-width/ie trick i read about here. Now the right div will stay to the right in IE, but only when the window is pulled pretty wide open. I'd like it to scale the left div like it does in mozI'll have to look at it when i get some time at home. you say it's set to 100% but 100% of what? if there's somethine outside of it maybe that is keeping the box too small. again, i haven't looked at the code mor ethan a couple secs so i am just guessing right now.

i've found it helpful to use temporary borders when coding css. it helps you see when sometimes boxes are wider than you'd think they should be. it's helpful to more quickly see where things are wonky.

"border: 1px red solid" u can use different colours on different areas to see several borders at once and how te areas are relating to each other. this technique is extremely helpful when it is working on one browser but not another - helps you see where one browser is screwing up, then you can hack it if needed, or just plain fix it if you've coded it badly to begin with.If it works in Mozilla but not IE, then one thing I would try is to use the "strict" dtd, which tends to make IE work more like Mozilla:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">whew... i took a look but there's just too much. if you can clean things up a bit i'd take another look. it'd really be helpful if you could take all inline styles out of the html and either put them in the css file or ditch them. then clean the files up a bit. i'm not trying to be rude. i'd like to be helpful it's just i'd need to spend hours just cleaning up before i could even figure out what needs to happen. i get confused easily... :)Originally posted by TimeBandit
whew... i took a look but there's just too much. if you can clean things up a bit i'd take another look. it'd really be helpful if you could take all inline styles out of the html and either put them in the css file or ditch them. then clean the files up a bit. i'm not trying to be rude. i'd like to be helpful it's just i'd need to spend hours just cleaning up before i could even figure out what needs to happen. i get confused easily... :)

Hey thanks for taking the time to look it over, I know I'm not the neatest person!

I think I'm going to axe the stretching altogether and keep the home page at a fixed width. I'm doing this site for my younger brother, and he's fine with it staying fixed.

Thanks again for your effortOriginally posted by zbgump
I know I'm not the neatest person!

i feel your pain...

i'm a total slob, but as the years pass my code gets neater because it becomes evident the more you code that the neater you are, the easier you are on yourself in the long run. i defintely understand what you're doing - when i'm really working on something tyough i may have inline styles all over and such. anyway i think we couls work out what you need, it just would take me too long. i'm slow. :)
 
Back
Top