Page layout problems in Internet Explorer?

Question

I'm having a problem with a template for my site, http://joewhite.xmgfree.com/news/.

If you look at the bullet lists 'archives' and 'categories' in IE and compare them in Firefox you will see that they are spaced out wrong in IE. This is a template somebody made for Wordpress. The code can be accessed through view-source. Is there anyway to fix this? This template is intergrated into my main site http://joewhite.xmgfree.com/ through a PHP include so any work-around would need to take my own layout into consideration. Please help, thanks.

Answer 1

hey man the 1st thing I would suggest is to remove all padding and margins from the ul and li tags then work "outwards" from there, you may need to hack the css to fix this though as IE is crappy in the sence that ignores things...



here is the examples of removing padding and margins:



ul {

margin: 0px 0px 0px 15px;

padding: 0px;

}



li {

margin: 0px 0px 0px 15px;

padding: 0px;

}



if the bullet goes invisible in IE just increase the 15 a bit..



to hack a css you can do the following with almost any value (im showing height as anexample):



.class_tag {

height: 40px !important; /* Firefox Value */

height: 60px; /* IE value */

}



Firefox will automaticall ignore the second value and IE will use the last value it sees (the second one) so yeagh that should help you to solve the problem ;)

Answer 2

As you're saying, there's a difficulty with IE. yet wait a minute! IE is the most used browser on earth (i exploit Firefox) so so you might stay with all its insects, and write code that works at the same time as human beings view the region. merely imagine about what you may properly be doing incorrect, no longer what IE is doing incorrect. it is not a perfect international, so have a espresso, provide up blaming each person else, start up from scratch and prevent pushing the decrease. You web site is amazingly surprising, yet I wager you may remove 0.5 the flowery code and it may nonetheless be surprising.

Answer 3

Don't vote for my answer. The above answer looks pretty good.

No further answer is needed, but a second answer is the only way to close the question.