View Full Version : Internet Explorer has no padding!

03-09-2009, 03:03 AM
Alright go here - http://rsguard.com/weka/index.html

If you view the web page. Mouse over the sub menu where it says Home, Videos, etc.., you'll see it looks right in every other browser... The drop down menu is at the left...

When you mouse over it on Internet Explorer... you'll see that the drop down menu is aligned to the center...

How do I fix this so it goes to the left like the other browsers view it as?

CSS: http://rsguard.com/weka/style.css

03-09-2009, 03:14 AM
try adding *{border:0; margin:0; padding:0;} to the very top of ur css file

I seen that you added it to ur body but try doing it with the asterisks key

03-09-2009, 03:17 AM
What does the asterisks key mean in CSS?

03-09-2009, 03:26 AM
It helps single out those particular attributes, so they get priority and load up first atleast i think thats what it does I'm so use to using it that i never really did a search for it.

This might clarify things.

03-09-2009, 03:31 AM
Oh OK! Thanks. I have a new problem. Check the first post. ;-)

03-09-2009, 03:40 AM
#menu {
list-style: none;
height: 30px;

#menu a {
color: #fff;
display: block;
padding: 0 10px;
font-size: 12px;
line-height: 30px;
text-decoration: none;

#menu li {
line-height: 30px;
float: left;


Just try flipping your float to ur anchor instead of the other. and have it displayed like this not with li a

And if that fails try looking at this tutorial by sucker fish


03-09-2009, 03:47 AM
That did not work.

03-09-2009, 03:51 AM
try looking at this tutorial by sucker fish


03-09-2009, 05:23 AM
What does the asterisks key mean in CSS?

Back in DOS days, can you believe people actually went to school to learn DOS???, the * was the universal selector. It just means everything. In DOS, if you were selecting all .doc files you would just write *.doc in your batch files and all files with the .doc extension would be targeted.

In CSS the * can take the place of the following CSS entry because it targets everything on that list and more -
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: none;