Image indent in IE :s

liunx

Guest
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? :rolleyes:So that's ok, right? :rolleyes:
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.
 
Back
Top