www.webdeveloper.com
Results 1 to 9 of 9

Thread: Different in chrome than firefox

Hybrid View

  1. #1
    Join Date
    Feb 2009
    Posts
    47

    Different in chrome than firefox

    Hi i'm creating a website, witch has a scroll function.
    And in firefox it works great on all sub-pages.

    But in chrome, there is one sub-page where it won't scroll all the way down.

    you can see it on: www.wearecrunch.dk/gammelsjuf
    and go to sponsors and there the scroll works fine in firefox but not in chrome.

    This is the HTML code for that page:
    HTML Code:
         <div class="info">
        <div class="txt_donations">
        <h2>Donations</h2>
        </div>
        <div class="txt_chairman">
        <p><img src="logo3" alt="logo" /></p>
        <p><img src="logo2" /></p>
        <p><img src="images/logo1" alt="logo" /></p>
        <div class="txt_doneret">
        <ul>
        <li>navn</li>
        <li>navn</li>
        <li>navn</li><br />
        <li>navn</li>
        <li>navn</li>
        <li>navn</li>
        <li>navn navn</li>
        <li>navn</li>
        </ul>
        </div>
        </div>
    does anyone know what the problem could be?

    Thank you

  2. #2
    Join Date
    Feb 2009
    Posts
    47
    I just found out what the problem was, I just had to delete a div that wasn't beeing used

  3. #3
    Join Date
    Feb 2009
    Posts
    47
    I guess I said that too fast, it's not working afterall.

    So if anyone know what it could be, can you please help me

    Thanks

  4. #4
    Join Date
    May 2012
    Location
    St. Helens, UK
    Posts
    74
    It's difficult to say without having the CSS;
    one thing I'd try straight away would be to include Eric Meyer's CSS Reset stylesheet, which is specially designed to reduce inconsistencies in the way different browsers display websites. You can get it here: http://meyerweb.com/eric/tools/css/reset/

    If that fails, please post the CSS code here and I'll have a look and try and work out what the problem is...
    Crisialu Web Design
    Daihuws's Blog

    "There is no human problem which could not be solved if people would simply do as I advise."

  5. #5
    Join Date
    Feb 2009
    Posts
    47
    Hmm that didn't work
    So here comes my css that is connected to this sub-page where the scroll doesn't work properly in chrome and now I just checked it also doesn't work in safari, but it might be the same problem, so if I solve it, it's probably going to work both places:

    Code:
    .info {
    	overflow: hidden; 
    	height: 300px;
    	width: 450px;
    
    }
    
    .txt_chairman{
    	margin-left:170px;
    	width:300px;
    	margin-top:-10px;
    
    }
    
    .txt_doneret{
    	font-size:18px;
        margin-top:-10px;
    	margin-left:130px;
    
    }
    Do you think that if it's not the css it might be in the javascript file where the scroll bar is defined?

    I hope you can help me.

    Thank you

  6. #6
    Join Date
    Feb 2009
    Posts
    47
    Is it fine with that piece of css or you meant that you wanted to see all of my css?

  7. #7
    Join Date
    May 2012
    Location
    St. Helens, UK
    Posts
    74
    OK, I just used wget to download a copy of your entire site so that I'd have a local copy of the source code to work with; I've spotted the problem. You need to include height and width data for your images, otherwise some browsers won't allocate any additional space for them in the scroller.

    HTML Code:
    <p><img src="images/----logo.JPG" height="90" width="90" alt="" /></p>
    <p><img src="images/----logo.png" height="90" width="90" alt="" /></p>
    <p><img src="images/-------logo.jpg" height="100" width="93" alt="" /></p>
    It's said to be best practice to include height and width data for images in every case; although sometimes you can get away with not doing so.
    Crisialu Web Design
    Daihuws's Blog

    "There is no human problem which could not be solved if people would simply do as I advise."

  8. #8
    Join Date
    Feb 2009
    Posts
    47
    Woohoo now it works thank you so much.
    I can't believe it was just hight and width that had to be defined

    I didn't know it was possible to download files from the internet, when you don't have access to the internet. but it worked out for the best

    Thank you so much

  9. #9
    Join Date
    May 2012
    Location
    St. Helens, UK
    Posts
    74
    You're welcome, glad to be of assistance. It's a Linux/Unix downloading tool called wget that I used: http://www.linuxjournal.com/content/...-web-site-wget - it comes in handy from time-to-time. You can probably get it working on a Mac, or on Windows via use of Cygwin...

    I initially tried to figure out what was going on just through looking at the HTML, but your site refers on a fair few linked in JavaScript files and images, so it was easier to just instruct wget to grab the lot so I could experiment with it on my laptop...
    Crisialu Web Design
    Daihuws's Blog

    "There is no human problem which could not be solved if people would simply do as I advise."

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles