4 replies [Last post]
Wouthor
Offline
newbie
the Netherlands
Last seen: 17 years 2 days ago
the Netherlands
Joined: 2003-11-26
Posts: 7
Points: 0

hi people,

At the moment I'm trying to rebuild my website: 2 Monks and a Moose with css.

The test page is http://www.2monksandamoose.com/index3.html and the stylesheet is http://www.2monksandamoose.com/css/2maam2.css

I created a list in a div container, but when I check it in explorer 6 on the pc, the list starts at the top, but when I check it in Netscape and Safari the list is vertically centered in the container. I just can't figure out why this is..

this css building is pretty new for me, so any feedback is greatly appreciated.

btw the colors I used are just for testing

thanks in advance Wink

greetz,
Wouthor

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

list in a container

Hi Wouthor,
Firstly the page is rendered in quirks mode, change the doctype to something that will put it in standards made and it will be easier to get the modern browsers to play nicely together.

This article should help to explain it http://www.ericmeyeroncss.com/bonus/render-mode.html

Hope that helps

Wouthor
Offline
newbie
the Netherlands
Last seen: 17 years 2 days ago
the Netherlands
Joined: 2003-11-26
Posts: 7
Points: 0

list in a container

Hi Tony,

Thanks for the reply, I tried different doctypes but it is still different in explorer Sad I tested it in Safari, Netscape (mac), Camino (mac) and Mozilla on the pc, it all looks the same in these browsers...

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

list in a container

Hi Wouthor,
I'm not really sure what your trying to achieve so what I suggest may be of no use.
Remove the negative margin on the LI and set the padding and margin to 0 on the UL #contentleft ul {margin:0; padding:0;} then at least IE and Netscape will look the same and you should be able to play around to get whatever look your after.

Hope that helps

Wouthor
Offline
newbie
the Netherlands
Last seen: 17 years 2 days ago
the Netherlands
Joined: 2003-11-26
Posts: 7
Points: 0

list in a container

Yeah that worked! thanks man Laughing out loud

I just wanted that it looked the same in both browsers. The only browser that renders my page wrong is Internet explorer 5.2 on the mac, but I guess I have to play with the different doctypes for that.