I feel sooo close and then...
Where does one begin? I've loved dropdown menus since I saw them and through hacking AListApart's suckerfish dropdown got one on my site. Now my menu, or navigation has grown too large and my understanding of ALL things CSS is small. Through tedious hours of building a .css line by line, I have nearly compleated my site redisign. And the familiar story: "It looks great in firefox, netscape, and opera, but IE !@#$*! it all up" I basically have two questions and would love to learn the hard way. Here are links to the redesign test page and css. I would like the whole "block" thing I created to be centered. This should be easy, but it seems that whenever I move something in css, everything falls apart. so, how to do it? and, of course, how do I fix my IE problem?
Thanks alot in advance, I'm eager to learn.
Brian "PunK" Ormond
freelance slacker
TwoSmokingPunKs posted this at 21:23 — 16th December 2005.
He has: 6 posts
Joined: Dec 2005
ok. I got the centering thing fixed. I also added some content to the "content" DIV and now we can see how IE renders the page wrong.
Megan posted this at 21:38 — 16th December 2005.
She has: 11,421 posts
Joined: Jun 1999
Hi Brian,
I just moved this over to Web Page Authoring. Hopefully you'll get some more help here.
TwoSmokingPunKs posted this at 22:20 — 16th December 2005.
He has: 6 posts
Joined: Dec 2005
Thank You.
Megan posted this at 22:40 — 16th December 2005.
She has: 11,421 posts
Joined: Jun 1999
I took a look at this and I think the problem is with the width of the menu there. The width of the rest of the divs are set in pixels but the menu is in EM's. So that's why it's bumping it down below. Change that width from 11 em to 180px and it works.
Megan
Connect with us on Facebook!
Megan posted this at 23:03 — 16th December 2005.
She has: 11,421 posts
Joined: Jun 1999
The menus are messed up too - this is what I did to fix it:
ul {
background-color:orange;
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 180px;
}
li {
font:Verdana, Arial, Helvetica, sans-serif;
float : left;
line-height : 1.25em;
margin-bottom : -1px;
}
li a {
display : block;
color : black;
font-weight : bold;
text-decoration : none;
background-color :#fff1d5;
border : 1px solid black;
width: 178px;
}
li a:hover {
color : white;
background-color : #663300;
}
Megan
Connect with us on Facebook!
TwoSmokingPunKs posted this at 23:38 — 16th December 2005.
He has: 6 posts
Joined: Dec 2005
Thank you very much!
It now works in IE! sorta
Thank you for cleaning up the css for me. you did it exactly right.
I (unfortuantely?) liked an aspect of my mess before where the orange background flowed aound the
Thanks again.
Brian "PunK" Ormond
freelance slacker
TwoSmokingPunKs posted this at 02:51 — 20th December 2005.
He has: 6 posts
Joined: Dec 2005
OKay. So reading through your corrections added with some more advice from another forum, and brutal pushing and shoving of s, I got my site redesign done and it's fabulous.
www.spitwspots.com
Thank You soo much. I really appreciate the help here.
Brian "PunK" Ormond
freelance slacker
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.