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 4 of 4
  1. #1
    New Coder
    Join Date
    Apr 2007
    Posts
    37
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Looking Mostly for Cross Browser Reviews

    Hi Hi!

    Here is the site:

    http://whitecapgraphics.com/bates/round2

    This is one of my first stabs at really utilizing CSS. I'm aware that the transitional doctype can be frowned apon by many, but as I am trying to "transition" from table layouts, I really struggled trying to jump straight to strict.

    I found myself using inline CSS more than I might have liked, as I was having issues wrapping my mind around all the inheritance rules across the browsers. So no comments on that, si vous plais, as I already know I'm committing that faux pas as well.

    Mostly what I'm looking for is errors the site has, specifically in different browsers. Also, any pointers on making my CSS more intuitive, etc, is mucho appreciated. Lastly, any comments/tips on my implementation of the dynamic elements is appreciated as well.

    I take criticism pretty well, so bash away.

  • #2
    Senior Coder
    Join Date
    Apr 2007
    Location
    Quakertown PA USA
    Posts
    1,028
    Thanks
    1
    Thanked 125 Times in 123 Posts
    I just took a quick look using IE6, FF2 and Opera 9.

    First of all, nice job on this site. I like the color scheme and layout.

    The only differences I noticed are on the Reservation page, the bottom menu is on one line in IE6 but on two lines in FF & Opera (Contact Us is wrapped to the second line). No problems, they both look good, just a minor difference.

    However, in Opera I'm not getting the header_title.jpg. It is showing up in the other two though.

  • #3
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    You do have a couple of validation errors that show you have a couple of divs that aren't closed, for example, the footer div has no closing tag.

    On the home page the footer does not sit at the bottom, but about 200px off the bottom?? In Firefox it's right at the bottom. Also, talking about the footer on the travel.php page the footer appears half way down the scroll in Firefox, which generates a very nice effect, but in IE6 it is just at the bottom? Not sure which is meant?
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #4
    New Coder
    Join Date
    Apr 2007
    Posts
    37
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks, I think I'm going to go download Opera tonight to take a look at that issue. I'm looking at the site on the Mac at work today and seeing some strange things happening - the header is screwy in Safari, and IE Mac is stacking the menu.

    Dang - I thought I'd validated everything though. I'll go back and revalidate. As for that footer, I need to find a different way of doing it I think, it's acting pretty unreliably across platforms.

    Thanks so much for taking a look guys.


  •  

    Posting Permissions

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