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 6 of 6
  1. #1
    New Coder
    Join Date
    Jun 2009
    Posts
    49
    Thanks
    7
    Thanked 1 Time in 1 Post

    Firefox and Chrome different views

    Hi all,

    Firefox and Chrome shows me two different views of the header of my site as you can see in the attached images.
    What's wrong? I'm getting crazy.
    This is the site http://test:test@hostinvent.com

    Thank you very much
    Attached Thumbnails Attached Thumbnails Firefox and Chrome different views-chrome.jpg   Firefox and Chrome different views-firefox.jpg  

  • #2
    New Coder
    Join Date
    Jun 2009
    Posts
    49
    Thanks
    7
    Thanked 1 Time in 1 Post
    And if I fix chrome with this:
    Code:
    <button style="position: relative; top: -100px; right: -742px; width: 150px; height: 38px; padding-bottom: 37px; border-width: 0pt 0pt 1px 1px; border-style: none none solid solid; border-color: rgb(216, 216, 216);" type="submit" name="Submit"><span style="position: relative; top: 1px; right: -3px; width: 145px; height: 33px;" class="buttonSubmit MyAccount"><em><b><strong>My Account</strong> <img src="templates/default/images/myaccount.png" alt=""></b></em></span></button>
    I get a wrong view on firefox (as you can see in the attached image).

    I don't understand why.
    Attached Thumbnails Attached Thumbnails Firefox and Chrome different views-firefox.jpg  

  • #3
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I can't see the link!

  • #4
    Regular Coder
    Join Date
    Apr 2008
    Posts
    685
    Thanks
    15
    Thanked 105 Times in 104 Posts
    We can't see the link because it looks like a localhost link so only people connected to their internet will be able to view it..

    We either need a working link or HTML/CSS snippet of the problem..

    As a random guess try adding:

    Code:
    *{ margin:0; padding:0; }
    To the top of your stylesheet as browser defaults might be applied to certain elements that you haven't set or reset..

  • #5
    New Coder
    Join Date
    Jun 2009
    Posts
    49
    Thanks
    7
    Thanked 1 Time in 1 Post
    what? why localhost link? the site is http://hostinvent.com (in order to access "test" for username and password)
    the link structure means http://USERNAME:PASSWORD@website.com (it's universal link structure on all browsers; there is a .htaccess because my site is in maintenance).

    margin and padding doens't work.

    thank you very much

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Try
    Code:
    <button name="Submit" type="submit" style="position: absolute; 
    top: 15px; right: 0px; line-height: 42px; padding:3px; border-width: 0pt 0pt 1px 1px; border-style: none none solid 
    solid; border-color: rgb(216, 216, 216); ">
    PS: Excessive use of inline style is a very bad practice (google it to see the reasons).
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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