Hi all.
I have a site I am making at this address:
<!-- m --><a class="postlink" href="http://www.rollingtank.com/arioso/test/index.htm">http://www.rollingtank.com/arioso/test/index.htm</a><!-- m -->
The only problems (that I am aware of) are that IE5.5 and lower displays the whole page to the left instead of the center. And that opera displays about 10px of blank at the very top of the page above the title image.
Does anybody know how I can correct these (and if you see any others) errors.
Thankyou very much.
- BenjaminHi there BigMoosie,
I cannot answer the IE5.5 problem,
but to solve the Opera problem add
padding:0px;
to the body rules.
cootheadIE problem centering:
add to body {text-align:center;} and #container {text-align:left;}
Menu in IE, text layered above images and menu height:
add to #linklist li a {display:block;float:none !important;float:left;}
and change
#linklist li {
margin-top: 5px;
margin-bottom: 10px !important; margin-bottom: 16px;
}
There remains a slight difference between the IE versions but acceptable.
The underline is not visible in older versions of IE as the style is applied to an inline element (span) which does not take borders.Thanx for your solution coothead, seems to simple for me not to have solved.
And Fang, thankyou for yout quite complex solution. It workes well now in IE 5.
I appreciate both your help very much.
There is though a problem at the bottom of the page in IE4 where the piano isnt spaced from the edge and the footer is all wierd, anybody able to offer there help with this one, or is this browser to ancient to bother with?
BTW. if the link at the top doesnt work thats because I will be moving this stuff to <!-- w --><a class="postlink" href="http://www.arioso.s5.com">www.arioso.s5.com</a><!-- w -->
THANX ALOT!!The style sheet is not loaded in IE4, unless you use @import url("style.css") (<!-- m --><a class="postlink" href="http://centricle.com/ref/css/filters/">http://centricle.com/ref/css/filters/</a><!-- m -->)
IE4 has a problem with float, so not only is there a minor problem with the footer but in the menu the images are covered by the link text.
Unless you expect IE4 users I would leave IE4 without a css.
I have a site I am making at this address:
<!-- m --><a class="postlink" href="http://www.rollingtank.com/arioso/test/index.htm">http://www.rollingtank.com/arioso/test/index.htm</a><!-- m -->
The only problems (that I am aware of) are that IE5.5 and lower displays the whole page to the left instead of the center. And that opera displays about 10px of blank at the very top of the page above the title image.
Does anybody know how I can correct these (and if you see any others) errors.
Thankyou very much.
- BenjaminHi there BigMoosie,
I cannot answer the IE5.5 problem,
but to solve the Opera problem add
padding:0px;
to the body rules.
cootheadIE problem centering:
add to body {text-align:center;} and #container {text-align:left;}
Menu in IE, text layered above images and menu height:
add to #linklist li a {display:block;float:none !important;float:left;}
and change
#linklist li {
margin-top: 5px;
margin-bottom: 10px !important; margin-bottom: 16px;
}
There remains a slight difference between the IE versions but acceptable.
The underline is not visible in older versions of IE as the style is applied to an inline element (span) which does not take borders.Thanx for your solution coothead, seems to simple for me not to have solved.
And Fang, thankyou for yout quite complex solution. It workes well now in IE 5.
I appreciate both your help very much.
There is though a problem at the bottom of the page in IE4 where the piano isnt spaced from the edge and the footer is all wierd, anybody able to offer there help with this one, or is this browser to ancient to bother with?
BTW. if the link at the top doesnt work thats because I will be moving this stuff to <!-- w --><a class="postlink" href="http://www.arioso.s5.com">www.arioso.s5.com</a><!-- w -->
THANX ALOT!!The style sheet is not loaded in IE4, unless you use @import url("style.css") (<!-- m --><a class="postlink" href="http://centricle.com/ref/css/filters/">http://centricle.com/ref/css/filters/</a><!-- m -->)
IE4 has a problem with float, so not only is there a minor problem with the footer but in the menu the images are covered by the link text.
Unless you expect IE4 users I would leave IE4 without a css.