Making Site Work In IE

[WhiteOut]

Right now my website looks pretty good in firefox, but it gets all messed up in IE.
My URL is http://whiteout.vhost4free.com

In IE, my site is not centered, and the affiliates, and copyright divs are out of place. Is there some way I can fix this with float? How can I put two float left divs under each other?

 

[tittat]

some errors found ....
pls correct it
look here http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

 

[Smith6612]

W3Schools helps out a lot, so they should be able to fix yours. Otherwise, if you are using CSS and some other stuff similar to that to code your site in, Internet Explorer is considered a non-standard compliant site, hence why you should use Internet Explorer to develop sites. Otherwise, fix the errors mentioned in the link above.

 

[WhiteOut]

I dont really understand how to fix any of those errors its showing. This is the first site I made without a template, so Im pretty much a noob.

 

[tittat]

I dont really understand how to fix any of those errors its showing. This is the first site I made without a template, so Im pretty much a noob.

how you develop this site.Did you use something like dremweaver.if you are using dreamweaver it can validate your pages locally and can be tried to fix.

 

[mmyers]

re: 2 left divs, one below

The clear attribute breaks a float. Declare a class attribute in your css:

.clearLeft {clear: left;} [ <br class="clearLeft"> will break to an empty left margin ]

Good luck.

 

[WhiteOut]

re: 2 left divs, one below

The clear attribute breaks a float. Declare a class attribute in your css:

.clearLeft {clear: left;} [ <br class="clearLeft"> will break to an empty left margin ]

Good luck.

Im confused. Cant I just add clear:left; under my affiliates part in my css? If not, what do you mean exactly? Like I said before, Im a noob at this.

@tittat: I made this site in notepad.

 

[satheesh]

Try this link:https://browsershots.org/
This link will help for What are the browser support your website.
I think this link will help you.

 

[sybregunne]

what I suggest is you contain your nav and affiliate divs to one container div and float it to the left.
Edit:
regarding centering...

add this to your styles...

body { text-align:center}
Edit:
I went through your css.css file, and modified it a bit. You can try this on your site. Hope this helps.

*one advice though do try to nest your html and css so it's easier to understand. see .copyright at the bottom.

*just copy paste this code, I don't know about the a:unknown so I left it alone... but this should solve your problem which I also read in another thread...

BODY {BACKGROUND: #000000;Text-align:center;}
A:link, A:active, a:visited{
	COLOR: #ffffff; TEXT-DECORATION: none
}

A:unknown {
	COLOR: #ffffff; TEXT-DECORATION: none
}

A:hover {
	COLOR: #663300; TEXT-DECORATION: none
}
.main {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: blue; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 810px; PADDING-TOP: 5px; HEIGHT: 1100px
}
.header {
	TEXT-ALIGN: center
}
.nav {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #999999; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 10px; WIDTH: 200px; PADDING-TOP: 5px; HEIGHT: 400px
}
.affiliate {
	float:left;PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #999999; PADDING-BOTTOM: 5px; MARGIN: 10px; WIDTH: 200px; PADDING-TOP: 5px; TOP: 600px; HEIGHT: 200px
}
.content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #999999; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN: 10px; WIDTH: 500px; PADDING-TOP: 5px; HEIGHT: 800px
}
.copyright {
	BACKGROUND-IMAGE: url('images/cr-bg.png'); 
             BACKGROUND-REPEAT: repeat;
             background-color:#000000;             
             WIDTH: 810px; 
             COLOR: #ffffff;   
             HEIGHT: 60px; 
             TEXT-ALIGN: center;
}

 

[Sohail]

Do you have Dreamweaver as it is much easier to edit CSS through that...