CSS Trouble

nicora's picture

He has: 267 posts

Joined: Nov 2001

I recently switched my menu system to CSS as a start on converting my whole site. My problem is that I am getting a difference in display between Moz and IE, IE having the problem.

Between each List item I am getting a small (1px) gap. Anyone have any ideas how I can get rid of it?

Thanks in advance!

http://www.seemecreate.com

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

http://css.maxdesign.com.au/listamatic/

I'm all for letting someone else reinvent the wheel. In this case, the author has put together piles of different list types and the code that works in them all across browsers.

Happy coding!

nicora's picture

He has: 267 posts

Joined: Nov 2001

Hey, that's perfect Suzanne, thanks a bunch!!

Cheers

nicora's picture

He has: 267 posts

Joined: Nov 2001

Blasted! So close.

I have my site converted completly to CSS, but I am having one little problem with Moz.

Take a look at the left nav menu, that column's width is 150px, and the menu div's width is 140px. So far so good. But, when I use a text-align:center; only IE renders it that way. Moz still keeps it left-aligned, very frustrating.

I'm stumped, and it could easily be that I am simply doing it wrong. I could really use some help, I'd like to get this new version up tommorow.

Here is the link to the CSS version: http://63.166.206.4/seemecreate/css.htm

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Heh, well IE has it wrong. text-align is to align the text, not the block level elements.

margin: 0 auto;

That will align it center in pretty well everything except IE (which will ignore it safely, I think).

You don't need unit measures for zero values.

i.e. the red part shouldn't be there:

margin: 0px;

nicora's picture

He has: 267 posts

Joined: Nov 2001

Indeed it is IE, that worked perfectly Suzanne, I really appreciate your help.

I know I have nested Block Level Items, but am I on the right track?

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

It looks great, Joe. You can and should nest elements.

Have you validated it? (Do you feel validated? heh)

nicora's picture

He has: 267 posts

Joined: Nov 2001

Yeah, but it only validates when I remove my tracking code. I need to get server side tracking, because I don't know if it is hurting my SEO.

http://www.seemecreate.com/archive/css.jpg
http://www.seemecreate.com/archive/xhtml.jpg

Thanks again!!

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.