icon Get the most out of Surmunity, read our tips here! Need an interesting blog to read? You've got to read the Surpass Blog! | Welcome! Please register to access all of our features.
Old October 15th, 2005, 4:11 PM   #1 (permalink)
jim
Registered User
Fresh Surpasser
 
Joined in Feb 2005
12 posts
Gave thanks: 0
Thanked 0 times
navigation div behind logo in IE

http://www.james-wright.com/affable/

in firefox it looks exactly how i want it to, but in internet explorer my navigation which is a list inside of a div, will not go behind the logo it just stays off to the right side im not sure how to go about fixing it.

basically i have all of the content in a div called content

then i have the logo in its own div called logo and the navigation list in a div called navigation

the text is in a div called intercontent.

here is my css
http://james-wright.com/affable/styles.css
jim is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old October 15th, 2005, 4:26 PM   #2 (permalink)
H
after g, before i
Resident.
 
H's Avatar
 
Joined in Jul 2004
Lives in N,BC,CA
8,058 posts
Gave thanks: 48
Thanked 129 times
Overall, your code is buggy... resizing the window will change the navigation completely.

As the the "IE bug" it's not really a bug (i say this because it only renders properly under specific cercumstances), you're using a float to do something it wasn't intended to do. For what you're wanting to do, I'd suggest either absolute or relative positioning.

Another thing.. Why are you putting your list navigation within a div container? I'm seeing no reason for the extra div other.
H is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old October 15th, 2005, 4:29 PM   #3 (permalink)
jim
Registered User
Fresh Surpasser
 
Joined in Feb 2005
12 posts
Gave thanks: 0
Thanked 0 times
Quote:
Originally Posted by Haugland
Overall, your code is buggy... resizing the window will change the navigation completely.

As the the "IE bug" it's not really a bug (i say this because it only renders properly under specific cercumstances), you're using a float to do something it wasn't intended to do. For what you're wanting to do, I'd suggest either absolute or relative positioning.

Another thing.. Why are you putting your list navigation within a div container? I'm seeing no reason for the extra div other.
for some reason i couldnt seem to get the list to go behind the logo and all the way across the content div without it being its own div, i will try to play around without it being in a div. and ill try to do some positioning instead of float. thanks.
jim is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old January 14th, 2006, 7:02 PM   #4 (permalink)
Registered User
Seasoned Poster
 
Twisted-Barfly's Avatar
 
Joined in Jan 2006
43 posts
Gave thanks: 0
Thanked 0 times
also, if you do positioning you can give your elements a 'z-index'
Z-index can be used to place an element "behind" another element.
learn more about it here: http://www.w3schools.com/css/css_positioning.asp
Someone can correct me if I'm wrong...
__________________
im stuck to this sink like a twisted barfly, good view from the window, but I aint got no wings....
----------------------------------------------
http://twisted-barfly.co.uk
http://twisted-solutions.co.uk
pass51.dizinc.com
Twisted-Barfly is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old January 14th, 2006, 7:33 PM   #5 (permalink)
H
after g, before i
Resident.
 
H's Avatar
 
Joined in Jul 2004
Lives in N,BC,CA
8,058 posts
Gave thanks: 48
Thanked 129 times
Z-index is used to determine the order of child elements within a ancestor or parent container.

For example, if you had a div with five paragraph tags, you could use the z-index to overlap them and control which was over which. The higher the number is over something with a lower number. It's common for developers to put the highest element with a value of 10,000 or 1,000. I'm not sure why other than it allows you to add more elements in without adjusting them all.

So you're basically right Carly, other than it's usually defined as placing an element infront of another element. Either way, it's the same thing.
H is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old January 14th, 2006, 9:49 PM   #6 (permalink)
Registered User
Seasoned Poster
 
Twisted-Barfly's Avatar
 
Joined in Jan 2006
43 posts
Gave thanks: 0
Thanked 0 times
I copied the "Z-index can be used to place an element "behind" another element" sentance direct from w3schools website, as I couldn't think how to phrase what I wanted to say.
__________________
im stuck to this sink like a twisted barfly, good view from the window, but I aint got no wings....
----------------------------------------------
http://twisted-barfly.co.uk
http://twisted-solutions.co.uk
pass51.dizinc.com
Twisted-Barfly is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Old January 14th, 2006, 11:23 PM   #7 (permalink)
I'm Dope as Crack
Resident.
 
David's Avatar
 
Joined in Mar 2004
Lives in Asheboro, NC
Hosted on Pass 7
13,036 posts
Gave thanks: 7
Thanked 29 times
I copy and paste things Haugland says so I can sound like I know what I'm talking about.
__________________
David is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply


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

Advanced Search
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On