Results 1 to 5 of 5

Thread: CSS Problem Please Help

  1. #1
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Question CSS Problem Please Help

    Hi.

    I'm using this XHTML template and changed it to my needs and then I found out that I can't add any main text content because the footer Div won't move down when adding text.
    It does in Dreamweaver but in preview it stays where it is.

    The Div that won't let me add more text is called <div.righttext>

    Please someone have a quick look at the attached Zip File and give me hint how I can manage the text problem.

    Thanks a lot,
    Tommy
    Cheng

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    XHTML is not supported by IE and since IE is the most commonly used browser you shouldn't use the XHTML DOCTYPE until such time that IE does support XHTML, you should use the HTML 4.01 strict doctype


    why are you floating the footer? I didnt look deep into the layout, but if you want the footer to be below everything then use
    Code:
    #footer {
       clear:both;
       -your styles-
    }
    that will make the footer appear underneath the floated content above

  3. #3
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    Hi boogyman.

    Thanks for your reply.
    1st of all I wasn't aware of that IE doesn't support XHTML but still it won't work with your CSS modifikation.
    The text is still going through the footer.
    I'm working for hours now but can't get it done.
    If you got another idea please let me know.

    Thanks again,
    Tommy
    Cheng

  4. #4
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    you have explicitly set the height of the columns, thus when you resize the text, the formatting believes you have already allowed for the height necessary.

    so delete the height property from the left / right column css styles
    put the clear:both back into your footer, and get take out the float:left;
    Code:
    #leftcolumn {
      float: left;
      width: 205px;
    }
    #right column {
     float: right;
     width: 688px;
    }
    #footer {
      clear: both;
    }
    on a side note, i really hope this isn't something that you are developing / paid money to get.... semantically, this code is very poor. while it does use a div layout format, the implimentation is poor and not very flexible... eg explictly setting the widths of the columns.

  5. #5
    Join Date
    Jan 2006
    Posts
    234
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default

    Hi boogyman.

    Yes, this seems to work now and no I didn't pay for it.
    It's a free template and I liked the layout that's why I went for it.
    Would it be ok to take out the doctype and just start with html header or is this a bad thing for the browsers?
    Anyway, thanks a lot for your quick help which is very much appreciated.

    Thanks again,
    Tommy
    Cheng

Bookmarks

Posting Permissions

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