anks Posted May 21, 2010 Share Posted May 21, 2010 Folks, Please have a look at below site in IE: (Am on IE 6) Below blog is on Wordpress. http://www.powerlawofattraction.com 1 - It looks real distorted, everything is Center aligned except Post Content. 2 - Observe that you have to use Horizontal Scroll Bar to navigate left and right, i want to remove this and show the whole page in one look with out any Horizontal Scrolling. Any way to make it look bit neat and sober? Thanks My Friends!!! Quote Link to comment Share on other sites More sharing options...
jacko310592 Posted May 21, 2010 Share Posted May 21, 2010 1.) Try adding to your css: body {text-align: left} ..then just add other text-align properties to parts you dont want aligned left 2.) i did not see a problem with horizontal overflowing (showing scrollbars), of corse this all depends on what screen size the user has, and what width your webpage has been set to (if it has a fixed width). if you dont want a fixed width (so the page grows and shrinks depending on users monitor size), try the following kind of code: #wrapper { max-width: 1000px; /*max width the webpage can strech to*/ min-width: 700px; /*min width the webpage can be*/ } #wrapper being the div that contains the entire webpage (usually starts just after the <body> tag and closes just before </body>) Quote Link to comment Share on other sites More sharing options...
anks Posted May 21, 2010 Author Share Posted May 21, 2010 Dear Jacko, 1.) Try adding to your css: body {text-align: left}..then just add other text-align properties to parts you dont want aligned left Portion is not clear to me, i do not want anything to be center Aligned. After adding this code, i see Center Aligned Content in IE. Quote Link to comment Share on other sites More sharing options...
jacko310592 Posted May 21, 2010 Share Posted May 21, 2010 hmm, after adding text-align: left to the body, this should make eveything within the <body> tag text aligned left (appart from elements which already have a text-align property added to them later on in your CSS code) eg: HTML: <body> <div>CSS makes me aligned left due to text-align on body tag</div> <div class="center">Unlike the rest of the content, im centered due to an extra text-align property added to me in CSS</div> </body> CSS: body { text-align: left } div.center { text-align: center } hope this helps Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.