Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › CSS Sculptor › Site not looking right

Site not looking right

Thread began 4/27/2011 2:39 pm by pao323504 | Last modified 4/29/2011 6:43 am by Jason Byrnes | 2769 views | 7 replies |

4/27/2011 2:39 pm | #1 pao323504

Site not looking right

My site is not looking right in IE8 or IE9. Everything shifts to the left. Can you help me? USASOC%20Fallen%20Heroes%20Home%20Page.html

4/27/2011 4:40 pm | #2 Jason ByrnesWebAssist

in the CSSSculptor/1ColumnFixedCenteredHeaderandFooter_memorial_css/screen.css file, change:

body {
	background-color: #000000;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
	position: absolute;
	float: left;
	width: inherit;
}

to;

body {
	background-color: #000000;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
	/*position: absolute;
	float: left;*/
	width: inherit;
}

4/27/2011 4:45 pm | #3 pao323504

another question

Do I add the text after /*

4/28/2011 5:17 am | #4 pao323504

Learning

Could you tell me what I did wrong and how it was fixed. I am still new to this.

4/28/2011 8:36 am | #5 Jason ByrnesWebAssist

the problem was the
position: absolute;
float: left;

attribute applied to the body tag.

this was moving (floating) the entire page to the left.

by changing that to:
/*position: absolute;
float: left;*/

those attributes where commented out, so the browser would ignore them.

4/28/2011 2:26 pm | #6 pao323504

One other question

I don't see the margin that I have at the bottom - 50px of the outer wrapper. Did I do something wrong on that?

4/28/2011 2:40 pm | #7 pao323504

IE

I cannot see the margins in IE8 or IE9. It looks fine in Chrome. BTW, thanks for your help.

4/29/2011 6:43 am | #8 Jason ByrnesWebAssist

Cant say, your link gives a 404 page not found error when I try to visit it now. without being able to see the page, I cannot troubleshoot any issues.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.