css float problems

Here's the link of the messy page:
http://205.205.200.231/~h806209/indexmess.php

I need someone to tell me why the float left/right isn't aligning properly. I posted the link above.
Here's an example that works:
http://205.205.200.231/~h806209/positioning.php
and
http://205.205.200.231/~h806209/positioning1.php

One's in a style tags the other's inline.

But when I insert my codes it shows things messed up.

 

sorry your server kept on timing out, wasnt able to take a look

 

there occurs a server error...unable to take a look

 

I can not see your page but maybe you should place a div after float elements and set these style on it: <div style="clear:both"></div>

 

Is it because you can't see the page at all or the tags aren't clear? What does clear do anyways?

 

hi.....

you have to apply the padding to empty div's (i mean no content in div's) ..... it show's:
http://205.205.200.231/~h806209/positioning.php

when you place the content in the div's it will effected the padding to content like this:
http://205.205.200.231/~h806209/indexmess.php

once fix the width in left side and right side blocks and give the padding like 2px or 3px not more

 

It's looks like a server error and I can't see it

 

Inlined CSS and presentational markup - /fail/

Ajax for flat content - /FAIL/

There is no reason to ever state width on body, onloads should be script attached not in the markup, you don't need to declare width twice on #master, you probably shouldn't be using overflow:auto there either... Stating heights in a layout, even min-height is usually made of /FAIL/... you cannot rely on all browsers recognizing overflow-y, in general you've got a bunch of conflicting redundant nonsensical CSS here.

Though your real problem is the overstating of float on elements that don't need it, and a lack of width on the floats that DO need it - Not that it's easy to figure that out with the presentational CSS inlined like that.

 

What do you mean by /FAIL/ ? IE? FIREFOX?

Here's my update by the way:
http://205.205.200.231/~h806209/index.php

 

Since I only have Firefox installed on my comp it makes it hard for me to view from any other perspective.

How do I make the sitepal stick to the right? Float right doesn't seem to work.

I plan on cropping a small part of the thumbnails to make it all equal and square-shaped and placed in columns of two or three.

 

As in '/FAIL/ at life'. As in bad practice if you care about accessability, proper site indexing by search engines, and good programming norms.

As in "that's not how it's done, for good reason" - get rid of that ajaxed rubbish since you're serving PHP in the first place, at LEAST static serve your content instead of making it script reliant (so there's nothing for search engines to even SEE AND chewing more bandwidth than needed), work on your CSS in a separate stylesheet instead of inlining that much presentation, and lose all the redundant/nonsensical declarations.

ESPECIALLY since you are also ajaxing all that presentation too, meaning you are just BURNING bandwidth on nothing - so it's double /FAIL/. As 'smooth' as the ajax content loads might appear, there's a REASON we stopped using framesets a decade ago - and that's all you are using ajax to do, fake framesets. This is an EXCELLENT example of 'AJAX for nothing'.

 

Ok but in my case it's a portfolio. In a way I want to show my skills and also it's not necessary to expect someone google up my portfolio. People are going to find it from my known sources.