Help - Page 2

**Bigjohn** · October 22nd, 2004, 8:28 PM

KCCA-
Glad to help. Hope that was the root problem.

Sam&kayla - thanks! I love the accolades. Let me know if you wanna hire me!

John

theward · October 27th, 2004, 12:26 PM

Quote:

Originally Posted by KCAA

Okay, so i am starting my first entire site based on CSS.

www.rosedaleirish.com/testing.htm
www.rosedaleirish.com/style_sheet_5.css

I had it working how i wanted it (in firefox) and now it displays all funky. My XHTML is valid, as I spent time validating it. I am baffled at the CSS validator though, but thats another story. Any idea what is up with my mouseover menu. (Try looking at it in IE in which it looks better)

What I want is the content pane to be height=100% and same with the navigational pane.

Any ideas?

Need the solution? I gots your solution!

You're using position:absolute to stick the #nav container over to that corner. This is why the site (at least to me in Firefox 1.0PR as of date of posting) looks screwy.

[b]What is absolute positioning all about?[b]
Absolute positioning is a way of taking an element completely out of document flow, and placing it at a desired coordinates defined by the creator. For example,

Code:

#nav {position:absolute; top:0; left:0;}

will place element #nav zero (zero is zero, other values need unit specification) units from the top of the viewable browser window area, and zero units from the left, basically sandwiching it into the top left corner. Values of top:5px; and left:5px; will place it 5 pixels from the top and 5 pixels from the left.

Absolute elements aren't confined by document boundary other than the area of the browser window itself. Remember, absolute elements are removed from the document flow!

Because of that removal, in most cases absolutely positioned things need you to define their boundaries for them. In your #nav, the links span from the left of the screen, underneath the content area, and out the other side. It does this because it doesn't recognize the content as a limiter. The content area is simply laid on top.

Defining a width will fix the problem. Good luck

October 22nd, 2004, 8:28 PM	#10 (permalink)
Bigjohn minor deity Super #1 Joined in Apr 2004 Lives in Georgia Hosted on XEON 7,387 posts Gave thanks: 28 Thanked 94 times	KCCA- Glad to help. Hope that was the root problem. Sam&kayla - thanks! I love the accolades. Let me know if you wanna hire me! John __________________ Proud to be a Surmunity Mod! XEON PASS60 PASS61 Make a fundamental difference! My Sites: Curious about Brewing Beer? Join the community! >>>>> Some Change is GOOD! Keep your paycheck! Support the Fair Tax Get into an Art museum Victorian London It's your brain -*ON WEB* - mybrainhost.com (under development) What SHOULD Government do? Much Less than it Does!

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)