Hey all,

I can figure out why IE is misaligning my navigation.

Proposed Vacation Site

I assume it's elements of the layout in the css I'm using as the nav css works great on other sites I've made.

The layout css is one from a course I'm taking, hence the many notes in it.

Any advice?

Thanks

try this:
http://www.quirksmode.org/css/condcom.html

I've used IE7 hacks before (copy n pasted) but I don't understand what I would put in the comments to instruct IE.

Also, I found that my numbers wern't correct in the nav css. They're aligned now. :S

I know this works from experience, now I don't know if you can also say specifically IE 7, but it responds to if IE.

What I mean is what specifically would I put in there.

Something like..


.header {padding-top: 20px;}

and it will be picked up by IE, if it isn't already in my css.

This post has been edited by 902: Feb 19 2008, 08:15 PM

It there is a same CSS style declared in your general CSS, it won't be used when you view your site in IE browser.
If you put in like padding-top: 20px; in your general CSS and you put in padding-top: 100px; in your other CSS style for your IE trick (<!--[if IE]>),
your page will use 100px (if you use IE browser) and it will use 20px (if you use other browser than IE).

Hope that explains well

Remember to put the IE stylesheet after your site style sheet. Otherwise your site changes will overwrite the IE style sheet.


I would like to help you with the styling problem but currently I am without IE while I sort out my laptop problems.

Didn't know that.

I looked in IE 6 and I didn't see a misalignment. Check it on another system to be sure it isn't a problem with the install.

I see it in IE 6. There is a large space between the navigation and the photo and the navigation is too wide.

Have you considered doing a simple navigation without relative positioning?
I know this example isn't perfect but it might get you started in a less complex way.

ill check it on on my laptop when i get to school but right now im on my mac and everything looks fine to me... if anything you're just going to have to do the hack in order to make it work... Are you using a WYSIWYG Program? Cause they can cause a lot of problems too

I redesigned the nav and had to realign it as a result.

Now that I try it on other comps I see there's a gap between the nav and the main pic. It's not happening on my notebook, in IE or FF, but when I check on other comps, I'm getting this.

They're both in the header and the margins have all been zero'd.

Any idea what's causing this?

Mabey your version of IE is has the latest update where the other computers do not. Or visa-versa. It might even be an environment issue, which os was used on the notebook and the other computer?

I've tried it on 3 systems, and they're all xp pro. It appears separated in IE and looks fine in FF. Prolly just IE 6 like Linda said.

Anything I can do?

I'll try zeroing the margins using the if IE 6 thingy.

This post has been edited by 902: Feb 21 2008, 01:28 PM

I don't think that did any good.

I'm wondering why this nav is messed in IE6 while the one I crearted using the same method isn't. www.maxfield.co.nr

Might it have to do with the nav being the same width as the main table?

In IE 7 on vista looks fine... so i dont know what to tell you...

It's IE6 giving the problem. I'm slowly deleting parts of the css to see if I can find what's causing it.

Anyone wanna look at the css to see if they can find a glaring mistake?

My CSS

I'm tempted to just make a different nav that doesn't look as bad when it's not attached. Like something rounded at the bottom.

This post has been edited by 902: Feb 22 2008, 07:43 AM

Wow, I think I fixed it.I changed

Well, you're missing a colon in the first one. Should be this: