Topic: fluidity...css....newb... Pages that link to <a href="https://ozoneasylum.com/backlink?for=27373" title="Pages that link to Topic: fluidity...css....newb..." rel="nofollow" >Topic: fluidity...css....newb...\

 
Author Thread
sistergray
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Jan 2006

IP logged posted posted 01-23-2006 16:20 Edit Quote

i'm new here...
one of my friends told me about you guys.
i'm designing my second webpage ever in CSS...
and having a bit of trouble with something that seems really simple.

Here's what's up.
I want my webpage to be "fluid"...to stay centered when the browser window is resized, etc.
And so far...it's working. The content box, the text, all working.

My problem now is that my MENU text doesn't move around with the browser. it stays in the same place on the window. it doesn't fit to the window...or do what it's supposed to.

Here's what the page is supposed to look like:

https://webspace.utexas.edu/cmb657/shouldbe.jpg

Here's the page as it is now..you'll notice, if you resize it, the menu text moves around.

https://webspace.utexas.edu/cmb657/WEB/index.html

ANNND...the CSS file:
https://webspace.utexas.edu/cmb657/WEB/style/style.css


I'd appreciate any help or advice I can get.
Everything else is working so well...
that's all I'm looking for.

THANK YOU SO MUCH.

Blaise
Paranoid (IV) Inmate

From: London
Insane since: Jun 2003

IP logged posted posted 01-23-2006 17:11 Edit Quote

Hi sistergrey, welcome to the Asylum, I noticed that you've used absolute positioning, this is why it seems to 'move' when you resize, infact everythihng else is moving and your navigation is not, I'd suggest you use floating methods to position your navigation.

Let us know if you become stuck with this, oh, and make sure to check your code with a validator such as the w3c's online one.

Cheers,

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 01-23-2006 17:38 Edit Quote

^ what he said.

You want to avoid absolute positioning whenever possible. It usually causes more problems than it solves.

sistergray
Obsessive-Compulsive (I) Inmate

From:
Insane since: Jan 2006

IP logged posted posted 01-23-2006 18:47 Edit Quote

is there an example of a good way to use floating positioning for this?
...would i just use floating in that portion of my style sheet that has the "absolute" in it?

thank you SO much.
--claire

Skaarjj
Maniac (V) Mad Scientist

From: :morF
Insane since: May 2000

IP logged posted posted 02-07-2006 13:35 Edit Quote

Think of things that have been put in the floating order as words in a Word document. They'll flow to the left or the right as you tell them to, and fill up a particular area as wide as they can before wrapping down below. So if your container is 500px wide, you can float two elements of 240px next to each other, but you cannot float two elements of 260px next to each other. They'll end up one below the other.


Justice 4 Pat Richard

dk
Obsessive-Compulsive (I) Inmate

From: Belgium
Insane since: Jun 2001

IP logged posted posted 02-09-2006 08:46 Edit Quote

Hi sistergray,

I took a look at your site in Firefox 1.5 and Internet Explorer 6.0 and your site looks and your navigation seem to move perfectly when I resize my browser. Did you fix your problem? If not maybe you could post a screenshot indicating the problem since I am having a hard time duplicating it.

-dk



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu