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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2007
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Positioning problems with css

    Hi,
    I have created a couple of pages, that I have noticed have the same problems, the pages are:
    www.wednesdayschild.com.au
    www.ahernpt.com

    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.

    Thanks

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    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 and another says that it has 30 errors. Additionally, one of the CSS style sheets has a syntax error. 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:

    Code:
    <!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.
    Last edited by Arbitrator; 06-05-2007 at 02:24 PM. Reason: I fixed a grammatical error.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #3
    New to the CF scene
    Join Date
    May 2007
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thankyou ver much.


  •  

    Posting Permissions

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