SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: a css redesign

  1. #1
    SitePoint Member
    Join Date
    Oct 2003
    Location
    springfield, va, usa
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    a css redesign

    Hi.
    This is my first post (not counting my little "hello" in the intro forum), so I figured I'd jump right into the fire with this...

    I've recently redesigned a website using css positioning : http://www.employerservicescorp.com

    So far, I know that in Mozilla Firebird on Windows, if the page is taller than the browser window, the content will appear ~10px to the left of normal. And when you scroll down, the background graphic does not continue to the bottonm of the page.

    Also, in IE5 for Windows, some of the text links disappear on hover.

    Ideas?

  2. #2
    Drupaler bronze trophy greg.harvey's Avatar
    Join Date
    Jul 2002
    Location
    London, UK
    Posts
    3,258
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I reckon the disappearing text links aren't disappearing. I bet that IE5 doesn't support the change in background colour, so the text is turning white but the background is failing to turn orange. Try it. Use a yellow or something to test.


  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    I see 2 problems right off the bat:
    1. You've set height to 100% in #frame. Mozilla will interpret this strictly, so even if you have more content than the window, the element's box will stop at 100% and let the content keep going. I recommend removing the 100% height rule and just letting your content flow as needed.
    2. You have a partial DOCTYPE. Choose a standard (I recommend XHTML 1.0 Transitional for your site) and get the proper DOCTYPE for your chosen standard.

  4. #4
    SitePoint Member
    Join Date
    Oct 2003
    Location
    springfield, va, usa
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    g.h - I 'm thinking the same thing: the bg color just isn't there. but it does work on some of the links, just not all of them...

    vg - what you say about the 100% makes sense. Is there another way to do it? It would look mighty odd with the frame just ending, given that I've committed to this bevelly border...
    Yea, I oughta fix the DOCTYPE issue as well.




    edit: why can't I post anymore replies?
    edit edit: nevermind. whoa- what just happened?
    Last edited by budesigns; Oct 15, 2003 at 18:53.

  5. #5
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by budesigns
    vg - what you say about the 100% makes sense. Is there another way to do it? It would look mighty odd with the frame just ending, given that I've committed to this bevelly border...
    Yea, I oughta fix the DOCTYPE issue as well.
    Try using this style to get the bevel effect on the bottom:
    Code:
    border-bottom: 1px ridge gray;

  6. #6
    SitePoint Enthusiast Mat_Drinks's Avatar
    Join Date
    Sep 2003
    Location
    Seattle, WA
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't have any tips, I just wanted to say that I really like this layout... I'm going to screenshot this for brainstorming in the future.

  7. #7
    SitePoint Member
    Join Date
    Oct 2003
    Location
    springfield, va, usa
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for the suggestions (and the compliment).

    I really want to just make the div extend to the bottom of the page, so if you know of any way to do that, lay it on me...

    and any other ideas on why that bgcolor on a:hover wouldn't work in selected locations? it seems to be only on the first occurence in a paragraph.

    thanks again!


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
  •