View Full Version : compatability help Project due TOMMORROW!

11-24-2008, 06:20 PM
I've spent countless hours on this site, and now i'm stumped.

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

11-24-2008, 07:00 PM
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.

11-24-2008, 07:06 PM
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. (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmyweb.usf.edu%2F~mjgalus%2Flndex.html)

Also, an explanation of why not to use absolute positioning. (http://www.tyssendesign.com.au/articles/css/absolute-positioning-pitfalls/)

Good luck!:thumbsup:

11-24-2008, 07:12 PM
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-

11-24-2008, 08:54 PM
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).