Topic: Still position problems (Page 1 of 1)

Ok guy I know that your getting sick of me now and this is probably a simple answer but I can't seem to figure it out.
Problem is that the right:float; stays below the content window and I am not sure why it is just hanging there and not going up to the top of the box that the both of them are in...but I want everything to be centered on the page. I know it right at the top of my brain I just can't pluck it out of there and it's probably so obvious.

Oh here is the PAGE

Where are you master Slime??

Hey Indus. I am at work right now, but I will check it out when I get home. That is unless someone comes along and helps out before hand.

I think you are on the right track, but there is something not going on right obviously.

PS: Did you get my email about Linux/Wacom?

Later,
C:\


~Binary is best~

I hope I am on the right track....I have taken the fame that is holding the items out and no go....just can't figure out what is pushing this menu down like that I will be working on it and keep trying....I gotta get to the gym anyway and get out for a while to recharge my brain.

No email here CPrompt...Did you send to the one in my profile? It should work fine.

Never mind about the email. That was Inition that had the question

Get confused on the names sometime

Later,
C:\


~Binary is best~

Try putting the menu *before* the content.

Floating only causes things *after* the floated element to appear on its side. The floated element will always be at the same height as it would be if it weren't floated; in this case, that's right below the content.

Nice...I knew you would come through Slime

Ok...I seem to be solving some of my questions and have to edit myself. Now my only issue seems to be that IE just makes all this extra room on the left side of the menu....anyway to fix that bugger?


[This message has been edited by Indus (edited 10-29-2002).]

When you say "all this space on the left side of the menu," do you mean the space between the "Hi there!" box and the menu? From what I can see, you have the "Hi there!" box centered in the middle of a larger div, and the left over area on the right is the space you're seeing. The menu boxes themselves are aligned to the left of the "frame" div.

Is this making any sense? I'm not really sure what you mean by "all that space."

And speaking for myself, at least, I'm not sick of you yet. I always learn something new about CSS by reading through your threads and trying to figure out the answer.




Cell 270

I think reducing the width of your #frame div will remove the space.

I think that's the reason because of my "show divs" bookmarklet, advertised earlier in another thread:

javascript:a=document.getElementsByTagName('div');for(b=0;b<a.length;b++){a[b].style.border='1px solid #F00';}void(0);

It's very handy when dealing with CSS problems involving DIV's, as most do. I suggest you make a bookmark with that as the URL so you can use it when necessary.

With that, you can easily see that the containing div has extra space on *both* sides of the "Hi there" div, which implies that it's just larger than the objects it contains.

You mean the "content" div, right? The "frame" div is the one with the menu in it...

That was basically what I was trying to say up there... I used the "show divs" function and saw that the "content" div was bigger than the content itself... i just wasn't sure what Indus meant by "all that space." Oh well.

Damn...I forgot that bookmarklet.....that is some handy tool. I got it now I reduced the frame down to 750px and it's fine. What would I do without your help Slime.....thank again.

Suho: The fame div contains the content and the menu div's so I can keep everything centered on the page and together. There is probably another way but I just used this instead.