Forum Moderators: not2easy

Message Too Old, No Replies

crossbrowser prob with css

         

philo

9:55 am on Sep 9, 2003 (gmt 0)

10+ Year Member



heey
i'm new here, so plz don't shoot me if this post is in the wrong place
but i've got a problem with my site that is working on my nerves, cuz i can't find a solution

my sites works perfect in IE, but in netscape & mozilla it gives something different and all is messed up
and i can't understand why, i'm using basic css
url -> <Ooops!>
it's the menu and everything below that is weird

here's the code (shortened)

divAlles
-divBoven
--divTitel
--divMenus
---divMenu1
---divMenu2
-divInhoud

and the css

body {
background-color: #CECECE;
font: 12px verdana, sans-serif;
color: #6C7072;
margin: 0;
padding: 0;

}

#divAlles {
width: 760px;
background-color: #FFFFFF;

}

#divInhoud {
width: 700px;
padding-top: 50px;
padding-left: 20px;
padding-bottom: 40px;
padding-right: 40px;
margin: 0px 0px 400px 0px;
background:transparent url("../img/rechts.gif") repeat-y right;

}

#divMenu1 {
position: absolute;
top: 140px;
background:url("../img/menu1.gif") repeat-x;
font: 10px verdana;
width: 730px;
height: 13px;
padding-left: 30px;

}

#divMenu2 {
position: absolute;
top: 153px;
background:url("../img/menu2.gif") repeat-x;
font: 10px verdana;
width: 710px;
height: 13px;
padding-left: 50px;

}

#divMenu1 li {
display: inline;
padding: 0px 30px 0px 2px;
margin: 0px;
font-weight: bold;
}

#divMenu2 li {
display: inline;
padding: 0px 20px 0px 2px;
margin: 0px;
font-weight: bold;
}

tnx!

[edited by: Nick_W at 10:02 am (utc) on Sep. 9, 2003]
[edit reason] no urls please / thanks! [/edit]

insin

12:21 pm on Sep 9, 2003 (gmt 0)

10+ Year Member



What doctype are you using?

If IE is running in quirks mode, it will render the box widths incorrectly. Is your problem in Mozilla that the boxes aren't as wide as those rendered in IE?

philo

5:23 pm on Sep 9, 2003 (gmt 0)

10+ Year Member



it's all pure xhtml validated, also validated the css
and it all works fine in IE, but not in netscape & mozilla

the menu's are not in the right place, they r more down and the content is more up
it's really weird

ElCid

5:58 pm on Sep 9, 2003 (gmt 0)

10+ Year Member



Maybe what you see in Mozilla is actually the correct interpretation of your code--for me that's usually the case. IE allows a lot of errors. Waiting til late in the design process to check out the results in Mozilla can provide a horrible shock.

philo

7:19 pm on Sep 9, 2003 (gmt 0)

10+ Year Member



hmmm, could be
but i still don't like it :p

i'm starting from the scratch now and checking every bit of code
but ie en moz r so damned different :s
not easy

hope i'll get through :s

philo

8:07 pm on Sep 9, 2003 (gmt 0)

10+ Year Member



ok, you can close the topic
found it finally (took me four months =)

just needed to clean up the code and add

#divMenu1 ul {
margin: 0;
padding: 0;

}

#divMenu2 ul {
margin: 0;
padding: 0;

}

but tnx anyway!