I am working on a new layout for my site and I now have this:
<!-- m --><a class="postlink" href="http://www.doublejweb.net/concept/index.html">http://www.doublejweb.net/concept/index.html</a><!-- m -->
Now it looks fine in Firefox and in Opera.
But in Internet Explorer it is not aligned right.
I don't want to change anything in the html source so how can I make it work perfectly in IE too by only changing the CSS file.
(CSS file: <!-- m --><a class="postlink" href="http://www.doublejweb.net/concept/metal.css">http://www.doublejweb.net/concept/metal.css</a><!-- m --> )
Another issue I have is with the menu.
I have in my stylesheet margin: 0px; padding: 0px; to both LI UL and A but still IE applies some kind of margin/padding to the LI blocks in my menu how could I get rid of those?Add position:relative; to #site-box
Change in #styleswitcher
position: absolute; left: 507px; top: 34px;
/*position: relative; left: 0px; top: -74px;*/
and in #navigation-box
position: absolute; left: 507px; top: 76px;
/* position: relative; left: 0px; top: -74px; */
Menu; add line-height:117%; to #navigation-box liAdd position:relative; to #site-box
Change in #styleswitcher
position: absolute; left: 507px; top: 34px;
/*position: relative; left: 0px; top: -74px;*/
and in #navigation-box
position: absolute; left: 507px; top: 76px;
/* position: relative; left: 0px; top: -74px; */
Menu; add line-height:117%; to #navigation-box li
Thank you, it works right now
<!-- m --><a class="postlink" href="http://www.doublejweb.net/concept/index.html">http://www.doublejweb.net/concept/index.html</a><!-- m -->
Now it looks fine in Firefox and in Opera.
But in Internet Explorer it is not aligned right.
I don't want to change anything in the html source so how can I make it work perfectly in IE too by only changing the CSS file.
(CSS file: <!-- m --><a class="postlink" href="http://www.doublejweb.net/concept/metal.css">http://www.doublejweb.net/concept/metal.css</a><!-- m --> )
Another issue I have is with the menu.
I have in my stylesheet margin: 0px; padding: 0px; to both LI UL and A but still IE applies some kind of margin/padding to the LI blocks in my menu how could I get rid of those?Add position:relative; to #site-box
Change in #styleswitcher
position: absolute; left: 507px; top: 34px;
/*position: relative; left: 0px; top: -74px;*/
and in #navigation-box
position: absolute; left: 507px; top: 76px;
/* position: relative; left: 0px; top: -74px; */
Menu; add line-height:117%; to #navigation-box liAdd position:relative; to #site-box
Change in #styleswitcher
position: absolute; left: 507px; top: 34px;
/*position: relative; left: 0px; top: -74px;*/
and in #navigation-box
position: absolute; left: 507px; top: 76px;
/* position: relative; left: 0px; top: -74px; */
Menu; add line-height:117%; to #navigation-box li
Thank you, it works right now