Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Jan 2009
    Posts
    59
    Thanks
    2
    Thanked 1 Time in 1 Post

    Question correcting site to look same in all browsers

    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 ?
    Code:
    @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 ?

  • #2
    Senior Coder
    Join Date
    Dec 2005
    Location
    Slovenia
    Posts
    1,963
    Thanks
    120
    Thanked 76 Times in 76 Posts
    your site is great, it hangs IETester (-:

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

  • #3
    New Coder
    Join Date
    Jan 2009
    Posts
    59
    Thanks
    2
    Thanked 1 Time in 1 Post
    but it still doesnt show up right in IE 6 only IE 7 and FF

  • #4
    Senior Coder
    Join Date
    Dec 2005
    Location
    Slovenia
    Posts
    1,963
    Thanks
    120
    Thanked 76 Times in 76 Posts
    Did you correct errors, you did not. Then we will look, if problem will be stil there.

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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/
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    New Coder
    Join Date
    Jan 2009
    Posts
    59
    Thanks
    2
    Thanked 1 Time in 1 Post
    Quote Originally Posted by BubikolRamios View Post
    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

  • #7
    Regular Coder jamesicus's Avatar
    Join Date
    Oct 2008
    Posts
    106
    Thanks
    0
    Thanked 11 Times in 10 Posts
    Refer to Web page Interoperability

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

    The CSS Box Model

    The Box Model Problem


    JFP
    Web Developer Tool Kit - for creating Standards compliant and Interoperable web pages
    W3C Markup Validation Service - validate HTML code for reliable rendering in all Browsers
    WAVE accessibility evaluation tool - check page structure, image alt text, form labels, etc.

  • #8
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    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.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #9
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by jerry62704 View Post
    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.

  • #10
    New Coder
    Join Date
    Jan 2009
    Posts
    59
    Thanks
    2
    Thanked 1 Time in 1 Post
    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


  • #11
    New Coder
    Join Date
    Jan 2009
    Posts
    59
    Thanks
    2
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Excavator View Post
    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 ...

  • #12
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by roeyfreak10 View Post
    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?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #13
    New Coder
    Join Date
    Jan 2009
    Posts
    59
    Thanks
    2
    Thanked 1 Time in 1 Post

    Question

    Quote Originally Posted by Excavator View Post
    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 ?

  • #14
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by roeyfreak10 View Post
    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?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #15
    New Coder
    Join Date
    Jan 2009
    Posts
    59
    Thanks
    2
    Thanked 1 Time in 1 Post
    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


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •