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.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    compatability help Project due TOMMORROW!

    I've spent countless hours on this site, and now i'm stumped.

    http://myweb.usf.edu/~mjgalus/
    the css file is at http://myweb.usf.edu/~mjgalus/styles.css and sorry, it is all cluttered and has useless code that I have not cleaned out of it.

    I created the site with photoshop and alligned all the images with CSS as DIV's

    At first I used relative positioning and it wouldnt work for firefox and when adding lines of text into my content, the entire website would disalign itself and divs would overlap.

    Now I decided to use absolute and my website only works in IE7 and my project is due tomorrow and the computers they have use IE6.

    Can anyone check out my site, the only problem is the footer... all the divs on the footer are overlapping, but the rest of the site looks good. (So you load it , it looks good, then you scroll down to see a CSS nightmare)

    THANKS in advance. ~Mgalus

  • #2
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Well since its homework I don't think its right to give you the answer. However I will give you some direction.

    Check the positioning, sometimes you are doing too much positioning. Honestly you might want to think about how you can delete some of the positioning code, it really isn't necessary.
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello saionjik, (fixed a little mixup there)
    I can't do your homework either but I can point you to some very useful help - check the links about validating your code in my sig below. Here is what the validator says about your site the way it is now.

    Also, an explanation of why not to use absolute positioning.


    Good luck!
    Last edited by Excavator; 11-24-2008 at 08:32 PM.
    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

  • #4
    New to the CF scene
    Join Date
    Nov 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thanks

    WoW, thanks for the fast responses... I'll be sure to read the links provided and see what I can do.
    - From what I understand from the links, I would have to remove all my positionings and start over (How terrible) , I dont know how to use float either, last time I tried floating, it just messed up-
    Last edited by saionjik; 11-24-2008 at 06:20 PM.

  • #5
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    Quote Originally Posted by Excavator View Post
    Hello jeremywilken,
    I can't do your homework either
    Hi Excavator, I'm not asking the question but hello!

    That said, focus on how elements flow on a page without any positioning attributes given. For example, <div> elements are BLOCK elements, meaning they force the next element afterwords on the next line by default. This can be your friend rather than trying to mess with extra positioning.

    Each kind of positioning has its value, which is why they all exist. However, for flexible designs generally absolute doesn't do that (for the reason you can't always anticipate the size of the document when working with dynamic data).
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.


  •  

    Posting Permissions

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