hi!
why isn't my image 'mainnote' aligned to the left in IE?? FF is ok.
How to fix...
<!-- m --><a class="postlink" href="http://test.bobbysmiles.com/test52.htm">http://test.bobbysmiles.com/test52.htm</a><!-- m -->
thx!Check for text-indent and also zero your paddings first.hmm; both paddings and margins are zero ...hmm; both paddings and margins are zero ...
Wrap the image in <p> tags. That will do it. It's inheriting padding, margin or indent from somewhere. Good ol' IE.Great!
thanks for your help Eddie!You need to wrap the page in an extra <div style="text-align:center;"> to center the page in pre version IE6 browsers.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Basic center page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
html, body {margin:0;background:#9cf;text-align:center;}
#container {margin:0 auto; width:80%; text-align:left;}
#contents {background:#fff;border:1px solid red;}
-->
</style>
</head>
<body>
<div id="container">
<div id="contents">
<p>contents</p>
</div>
</div>
</body>
</html>Nice! Thanks for your advice, Fang! I had no clue. I just test in the latest versions of IE and FF.
Does it look ok now? :
<!-- m --><a class="postlink" href="http://test.bobbysmiles.com/test52.htm">http://test.bobbysmiles.com/test52.htm</a><!-- m -->
cheersThe content is left aligned in IE5.5 SP2.The content is left aligned in IE5.5 SP2.
So that's ok, right? So that's ok, right?
Chill out Bobby, you did ask The #container width needs to be set to 768px, the same as #header.
Download one or more of the IE standalone (<!-- m --><a class="postlink" href="http://browsers.evolt.org/?ie/32bit/standalone">http://browsers.evolt.org/?ie/32bit/standalone</a><!-- m -->)s, just unzip do not install, to check your site in older browsers.Ok, thanks for the tip, Fang! I'll try them also in the future.
why isn't my image 'mainnote' aligned to the left in IE?? FF is ok.
How to fix...
<!-- m --><a class="postlink" href="http://test.bobbysmiles.com/test52.htm">http://test.bobbysmiles.com/test52.htm</a><!-- m -->
thx!Check for text-indent and also zero your paddings first.hmm; both paddings and margins are zero ...hmm; both paddings and margins are zero ...
Wrap the image in <p> tags. That will do it. It's inheriting padding, margin or indent from somewhere. Good ol' IE.Great!
thanks for your help Eddie!You need to wrap the page in an extra <div style="text-align:center;"> to center the page in pre version IE6 browsers.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Basic center page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
html, body {margin:0;background:#9cf;text-align:center;}
#container {margin:0 auto; width:80%; text-align:left;}
#contents {background:#fff;border:1px solid red;}
-->
</style>
</head>
<body>
<div id="container">
<div id="contents">
<p>contents</p>
</div>
</div>
</body>
</html>Nice! Thanks for your advice, Fang! I had no clue. I just test in the latest versions of IE and FF.
Does it look ok now? :
<!-- m --><a class="postlink" href="http://test.bobbysmiles.com/test52.htm">http://test.bobbysmiles.com/test52.htm</a><!-- m -->
cheersThe content is left aligned in IE5.5 SP2.The content is left aligned in IE5.5 SP2.
So that's ok, right? So that's ok, right?
Chill out Bobby, you did ask The #container width needs to be set to 768px, the same as #header.
Download one or more of the IE standalone (<!-- m --><a class="postlink" href="http://browsers.evolt.org/?ie/32bit/standalone">http://browsers.evolt.org/?ie/32bit/standalone</a><!-- m -->)s, just unzip do not install, to check your site in older browsers.Ok, thanks for the tip, Fang! I'll try them also in the future.