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 5 of 5
  1. #1
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Cletus Kasady Redesign

    I'm working on a site for a friend's band. He did a pretty good job on the original site, but he used a table (just one) for the layout (=O). So I did some handy work and got rid of it while keep to the original design as much as possible.

    So tell me what you think:

    Old SIte
    New Site

    Edit: I fixed the bug by floating #content

    And on a side not: IE supports overflow: auto?
    Last edited by Kurashu; 07-06-2005 at 08:55 PM.

  • #2
    Senior Coder
    Join Date
    Jul 2004
    Location
    New Zealand
    Posts
    1,315
    Thanks
    0
    Thanked 2 Times in 2 Posts
    What happens in IE and Opera if you remove the margin-left from #content?
    Forget style. Code to semantics. Seperate style from structure, and structure from behaviour.
    I code to specs, and test only in Firefox (unless stated otherwise).

  • #3
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts
    If I take out the margin, IE and Moz are just fine but Opera breaks. If I add the margin, IE and Opera are fine but Mozilla breaks. If I add padding-left instead of margin-left, IE and Mozilla break. I have found that Mozilla likes margin/padding-right: 41px, but the other two hate it.

    I need to find a middle ground.

    Here are screenshots of the various browsers, I've set a white border on the left side of #content to show where it begins.

    Plain (No margin or padding CSS Rules):
    Mozilla
    IE
    Opera

    Margin-left: 226px;

    Mozilla
    IE
    Opera

    Padding-left: 226px;

    Mozilla
    IE
    Opera

    Margin-right/padding-right: 41px; (only difference is that in Margin, the scroll bar moves to the left 41px)

    Mozilla (In all honesty, I like this look the best. Scrollbar wise that is. >_>)
    IE
    Opera

    I think I need a way for Opera to see a rule that the other two can't. Any suggestions.

  • #4
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts
    you might be working on it at the mo but this is what I see in FF.

    In both IE and FF you need more padding on the right next to the scroll bar.
    Attached Thumbnails Attached Thumbnails Cletus Kasady Redesign-ff.jpg  

  • #5
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Mozilla and Firefox render it the same, and I haven't changed the CSS on the page that up right now; I've been working on it on my computer.

    Edit: I fixed the bug by floating #content
    Last edited by Kurashu; 07-06-2005 at 08:55 PM.


  •  

    Posting Permissions

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