View Full Version : Positioning problems with css

06-04-2007, 07:06 AM
I have created a couple of pages, that I have noticed have the same problems, the pages are:

Now the problem is that when you resize the window all of the images and text come flying over from the right because it is in % form.

I have tried the min-width tag in the css and this works fine in Firfox, but no in IE.
How can I resolve this, any ideas.


06-04-2007, 05:57 PM
I just viewed your page in Firefox 2 and Internet Explorer 6/7. I donít see any image movement problems, but I can see where the text either (A) does not wrap or (B) wraps such that it moves to an area without a background color.

First, you should really fix the basics: your code. One validator says that that document has 29 errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.wednesdayschild.com.au%2F) and another says that it has 30 errors (http://www.validome.org/validate/?uri=http%3A%2F%2Fwww.wednesdayschild.com.au%2F). Additionally, one of the CSS style sheets has a syntax error ([url="http://www.wednesdayschild.com.au/style.css). Before you go validating and trying to fix errors, I would make it easier on yourself though and use HTML and an HTML document type declaration; itís more correct anyway:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

With that said, the whole underlying design (as far as CSS goes) seems to be flawed. Use the normal document flow to your advantage; as far as I can tell, that document should use no absolute positioning whatsoever. You also set dimensions (widths and heights) where none should be required and this is resulting in the text overflow issues.

The document is also a bit overloaded. The page could be made more light weight if the logo was separated from the background image and the background image was made into a vertically‐ or (probably better) horizontally‐repeating background with the result being a significantly smaller file size. Maybe itís not noticeable on broadband, but it definitely is on dial‐up.

The font used for the paragraph is also rather hard to read, if you want to take that into consideration. It works better for the navigation because that has a solid background color.

Anyway, the page should be fairly easy to recode, and I could demonstrate how it would be done correctly, but the mentioned images would need to be separated first.

06-05-2007, 01:04 AM
Thankyou ver much.