correcting site to look same in all browsers

[roeyfreak10]

my problem is as follows ... im making a website for a department in my school called "the point" and basically all the school computers run IE 6 and my website so far is almost how i want it in firefox and IE 7 but i need it to look the same in IE 6 ... below is my css is there anything i need to add to make it look the same in IE 6 ?

@charset "utf-8";
/* CSS Document */


body {
	background: url(images/bgimage2.jpg) repeat;
	font-family: Tahoma, Geneva, sans-serif;
}
table {
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
}
form {

}


* {
	margin: 0;
	padding: 0;
}

#container {
	width: 900px;
	margin: 20px auto;
	overflow: auto;
	background: #fff;
	border: 1px solid black;
}
#top_img {
	height: 175px;
	border-bottom: 1px solid black;
}
#top_nav {
	height: 35px;
	background: #ff0;
	border-bottom: 1px solid black;
}
#side_info {
	width: 200px;
	height: 640px;
	float: left;
	background: #800080;
	border-right: 1px solid black;
}
#main_content {
	margin: 0 0 0 200px;
	text-align: left;
	
}
	#main_content ul {
		width: 600px;
		margin: 0 auto;
	}
	#main_content h3 {
	text-align: center;
		
	}
#top_info {
	
}
#container #main_content p {
	
	
}
#container #main_content p strong u {
	
}
#container #main_content p br {
	
}
img#leader {

}
h3 {
	align: center;
}

this is the website http://roeyfreak10.webs.com/HazotFinal/index.htm
also on the leaders tab and then under student leaders when u scroll down theres white on the left side where it should be purple, and then the table isnt centered ... so how do i go about doing that ?

[BubikolRamios]

your site is great, it hangs IETester (-:

check this out: http://jigsaw.w3.org/css-validator/
and: http://validator.w3.org/

[roeyfreak10]

but it still doesnt show up right in IE 6 only IE 7 and FF

[BubikolRamios]

Did you correct errors, you did not. Then we will look, if problem will be stil there.

[Excavator]

under student leaders when u scroll down theres white on the left side where it should be purple, and then the table isnt centered ... so how do i go about doing that ?

faux columns will fix that for you. It's pretty easy to do, see http://www.alistapart.com/articles/fauxcolumns/

[roeyfreak10]

Originally Posted by BubikolRamios

Did you correct errors, you did not. Then we will look, if problem will be stil there.

but dont the errors just tell me i need alt text for img tags

[jamesicus]

Refer to Web page Interoperability

and, if you haven't already visited them ..........

The CSS Box Model

The Box Model Problem

JFP

[jerry62704]

You are right, the errors are "alt" related - but DON'T say "just". It is important to have this.

Some suggestions:
1) if you know know, disable css and look at your page.
2) in any case, you are using <h.> tags for styling the page - don't.
3) do add a <h1> tag with the equivalent of the title information.
4) use css to position things like that logo, not 13 <p> tags
5) reconsider using that table to position the logo
6) This one is, perhaps, personal style. You have a image map to set up your navigation. Mousing over it doesn't give any indication other than mouse pointer that you are on a link. Maybe that is great and everyone else loves it, but I find it a little dicey. I maybe a representative of one on this, however.

[Apostropartheid]

Originally Posted by jerry62704

6) This one is, perhaps, personal style. You have a image map to set up your navigation. Mousing over it doesn't give any indication other than mouse pointer that you are on a link. Maybe that is great and everyone else loves it, but I find it a little dicey. I maybe a representative of one on this, however.

It's not really personal style: you're entirely correct. This is changing standard web, even standard operating system conventions. I don't, however, think the OP is aware of the fact.

[roeyfreak10]

this is what i mean by it not working in IE 6 i need to get rid of the yellow line on the index
and then these are 2 examples of how everything shows up at the complete bottom

[roeyfreak10]

Originally Posted by Excavator

faux columns will fix that for you. It's pretty easy to do, see http://www.alistapart.com/articles/fauxcolumns/

so i tried adding it to my css like on #side_info
i did repeat-y 100% 0 and then i tried substituting 100 for 50 and then 0 but nothing worked ...

[Excavator]

Originally Posted by roeyfreak10

so i tried adding it to my css like on #side_info
i did repeat-y 100% 0 and then i tried substituting 100 for 50 and then 0 but nothing worked ...

Just adding CSS is probably not going to do it. Your trying to repeat the image on #side only and you need an image that repeats down the entire site.

You need to have an image that will work too. Look at a simple example here: http://nopeople.com/CSS/3-column/index.html

That's done with this image: and this is the line that does it - background: url(bg.jpg) repeat-y;



Does that make sense now?

[roeyfreak10]

Originally Posted by Excavator

Just adding CSS is probably not going to do it. Your trying to repeat the image on #side only and you need an image that repeats down the entire site.

You need to have an image that will work too. Look at a simple example here: http://nopeople.com/CSS/3-column/index.html

That's done with this image: and this is the line that does it - background: url(bg.jpg) repeat-y;



Does that make sense now?

yes thank you so much ! but if i make the tables smaller on the pages where i took screenshots of it on IE 6 so if i make the width less would it go back to the top ? or is there something special i need to do ?

[Excavator]

Originally Posted by roeyfreak10

yes thank you so much ! but if i make the tables smaller on the pages where i took screenshots of it on IE 6 so if i make the width less would it go back to the top ? or is there something special i need to do ?

Are you talking about your float drop?
Check out the little drawing of the box model here - http://www.w3.org/TR/CSS2/box.html As long as your box model is correct, your floats should work. Sometimes IE6 can be a bugger anyway, would have to take a look at it to see.
What's the current url to the problem page?

[roeyfreak10]

well if you scroll up i put two pictures that i took on a computer that had IE 6 ... so its the events page and the leaders page ... and basically both of those pages are made of tables within the main content div so i was thinking if i made it thinner would go back up where it should be