|
|
#1 (permalink) |
|
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 |
|
|
|
|
|
#2 (permalink) |
|
after g, before i
Resident.
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. |
|
|
|
|
|
#3 (permalink) | |
|
Registered User
Fresh Surpasser
Joined in Feb 2005
12 posts
Gave thanks: 0
Thanked 0 times
|
Quote:
|
|
|
|
|
|
|
#4 (permalink) |
|
Registered User
Seasoned Poster
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 |
|
|
|
|
|
#5 (permalink) |
|
after g, before i
Resident.
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. |
|
|
|
|
|
#6 (permalink) |
|
Registered User
Seasoned Poster
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 |
|
|
|