Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Dec 2008
    Posts
    14
    Member #
    17944
    I have published a new website for my photography business and I am having some layout issues in different browsers. Can someone help me please understand the proper fixes for the browsers so I can get it to look right?

    On a mac computer it looks great in Safari and Firefox

    On a windows computer it is messed up in Internet Explorer and Firefox.

    I have not viewed it in Opera.

    The problem is some of my div's are shifting upward in position and partially covering other div's. There are some div's that stay put and do not get moved.

    The website address is www.markcoffman.net
    Please let me know what you find.

  2.  

  3. #2
    Senior Member jyuill's Avatar
    Join Date
    Jan 2009
    Location
    California
    Posts
    145
    Member #
    18049
    It's the size of the form fields in firefox. If you look, they are bigger than in the other browsers. Don't know what the deal is with that, or if there are any other issues. Looks fine in Opera, too. You should check your page, though, there are a lot of validation errors which can also cause things to go buggy. On a side note, without the menu on the left, it displays fine in firefox....don't know if it is all because of the form fields or if there is a positioning error with the navigation.
    Semantic, Valid, and Accessible Design!


  4. #3
    Senior Member diddy's Avatar
    Join Date
    Jun 2008
    Location
    Sydney, Australia
    Posts
    502
    Member #
    16955
    In your CSS, if you put
    Code:
    clear:both;
    in a div style, it should push everything below it down so they don't overlap.


    ==============================


    Also, I'm not fond of the music in the background. In my opinion, it gets very annoying and unecessary. If you are going to have the music, just put a play/pause button so people can stop it if they want.


    ==============================


    There are also a lot of validation errors, and I see that you are using some tables. For the form, that's ok but if you are using tables for layout, then you should switch to divs becasue tables are designed for tablature data. I've also heard tables don't help your SEO either.


    ==============================


    Just one more thing, you seem to have a lot of inline styling. The proper way to do this is to put all of your css into an external stylesheet and reference to it in the header, like so:
    Code:
    <link href="style.css" rel="stylesheet" type="text/css" />
    Just some friendly advice.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:00 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com