Minor cross-browser compatibility issues - help needed

Discussion in 'HTML & Website Design' started by bbmariah75, Jan 9, 2011.

  1. #1
    Hi all,

    I'm an academic with some web-design experience. I recently modified a simple, personal homepage based on a template I bought. It's hosted on Namecheap, and it has yet to propogate, so in the meantime it can be seen here:

    http://74.81.66.186/~spuvuc/

    I'm having some minor cross-browser compatibility issues. While it seems to realize just fine in Firefox 3, it does one or two quirky things in IE8. I've not checked it in other browsers (Safari, Opera, etc). Because, as I say, it's based on a template, I don't imagine it would take much to fix, but I'm stumped. And because I'm facing some deadlines, I'm in something of a hurry. Is there anyone out there who might be able to diagnose what's going wrong and recommend a fix?

    Thanks!
     
    bbmariah75, Jan 9, 2011 IP
  2. Raymond_M

    Raymond_M Peon

    Messages:
    79
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    What is the issue you are having? I can't see a difference between IE 8, FF, or Opera 11. I didn't check Safari or Chrome..
     
    Raymond_M, Jan 9, 2011 IP
  3. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #3
    CSM, Jan 9, 2011 IP
  4. bbmariah75

    bbmariah75 Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks for your replies. Here are some browser shots:

    http://browsershots.org/http://74.81.66.186/~spuvuc/

    Screen shots also attached.
     

    Attached Files:

    bbmariah75, Jan 9, 2011 IP
  5. bbmariah75

    bbmariah75 Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    CSM, you think I can remove all of the jQuery script then? Could be a legacy of an earlier version.
     
    bbmariah75, Jan 9, 2011 IP
  6. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #6
    Would be good to see the original template, too.

    As far as I can see the template itself is ... coded very bad ;)
     
    CSM, Jan 9, 2011 IP
  7. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #7
    A lot of template loves believes that template is the best way and codes are optimized, cross-browser friendly and full-proof. Whereas in real mostly exactly opposite. It's just a misconception.

     
    radiant_luv, Jan 9, 2011 IP
  8. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #8
    Exactly, even if the template was valid code... with changing some lines in there it can get a real mess ;)

    There is really no template needed to get a simple site like bbmariah75's template
     
    CSM, Jan 10, 2011 IP
  9. bbmariah75

    bbmariah75 Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Thanks, radiant_luv and CSM. I bought the template (Motion2) from a site called "Six Shooter Media." (I'd give the link, but it seems I'm disallowed from doing so until I reach some status here on Digital Point. It's the name -- all one word -- dot com.)

    Notwithstanding the sloppy coding, I quite like its appearance, and so I'd like to make it work. If it'd help, I'd be happy to share it with you, if I can figure out how to do that. Would that enable you to help me with these cross-browser compatibility issues I'm having? The most pressing thing at the moment is that I need to be able to disclose the new site to some people in advance of a Tuesday deadline, but I don't want to do so before it looks nice and functions well in the most standard browsers (IE, FF, Safari, Chrome, Opera).
     
    Last edited: Jan 10, 2011
    bbmariah75, Jan 10, 2011 IP
  10. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Yes it is dude. The site has "slider navigation". I guess it is not so simple of a site after all.

    Leave the jQuery as is.

    I hope this is not for a class project and that is your Professor who will be grading you.

    The quick fix to get your project there on time is to add a wrapper div as such:

    
    <body>
       <div class="wrapper">
       <div class="wrap">
    
    
    Code (markup):
    Close the wrapper div as such:

    
       </div>   <!-- end wrapper -->
    </body>
    
    Code (markup):
    In your stylesheet add the following line before any other div rule declarations:

    
    .wrapper {width: 950px; overflow:hidden; margin:0 auto;}
    
    Code (markup):
     
    Dodger, Jan 10, 2011 IP
  11. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #11
    It is a grid system. I don't particularly care for it, but others use it religiously.

    The CSS validated without any errors. I took one look at it and had a fix set in my mind in under a minute. Took me longer to type these posts than it would to have fixed in the real world.
     
    Dodger, Jan 10, 2011 IP
  12. web.tech

    web.tech Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    To wrap the total content with the help go a div and give CSS to the div, then give Overflow none. Or to give fixed width and wnsure left/right margin auto.
     
    web.tech, Jan 11, 2011 IP
  13. bbmariah75

    bbmariah75 Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Thanks, Dodger! That did the trick. Really appreciate the help.
     
    bbmariah75, Jan 11, 2011 IP
  14. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #14
    No problemo.
     
    Dodger, Jan 11, 2011 IP
  15. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #15
    <sarcasm>WOW you are really a GOD...</sarcasm>

    Look, if I would fix all problems here regarding CSS the people here would never learn CSS and I would do nothing else the whole day.

    I was not speaking about the CSS from the template, I meant the HTML part.

    Oh yeah, you're right with the jQuery... but that does not make me a "noob"
     
    CSM, Jan 11, 2011 IP
  16. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #16
    I never referred to you as a "noob". If I came off that way, I apologize.

    How are they to learn, if they cannot come here with their questions? Right out of the gate you attacked him with, and I quote, "So you want us to do your work to satisfy your client and make you money?".

    Every post you made since has not been all that helpful either. If you are not here to teach, but to preach, then what is the point?

    I agree, however, that you should not be here to fix everyone's problems. I certainly don't. And I tend to only help those who pose intelligent questions in the first place, and not those who cannot string less than two incoherent sentences of the King's English together to begin with.

    Like you, I have no time for people who cannot, or will not, carry on a two-way conversation that is expedient to begin with. So, I am with you on that part, kind of.
     
    Dodger, Jan 11, 2011 IP
  17. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #17
    Agreed on the point of my first sentence in this "conversation", but you know how many times I have seen the sentence "I'm in a hurry, deadline...".

    He did not say that he is not making money with it (and he did not say that he is making money with it)... so I thought only "just another "webdesigner""...

    Anyway, now I'm in a hurry... heading to a restaurant...

    Talk to you later
     
    CSM, Jan 11, 2011 IP