Results 1 to 8 of 8

Thread: IE 6 float problem

  1. #1
    Join Date
    Nov 2008
    Posts
    18
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default IE 6 float problem

    Hey all, I've searched and found one IE 6 float problem, but not the same as I'm experiencing. The website below has been checked in all browsers and works great, except IE 6 cuts the page of at the bottom of the loaded content and doesn't load the footer. Any suggestions?

    http://sandbox.gc-worldwide.com/

    Tks.

  2. #2
    Join Date
    Oct 2008
    Location
    kolkata, india
    Posts
    75
    Thanks
    2
    Thanked 10 Times in 10 Posts

    Default

    add this code in your layout css instead your css

    Code:
    #image_viewer {
    	width: 400px;
    	height: 380px;
    	border: 1px solid #8f8f8f;
    	display:block;
    	float:left;
    	 }
    br.spacer{
    		font-size:0;
    		line-height:0;
    		clear:both;
    	}
    
    #content {
    	width: 425px;
    	padding: 5px 10px 5px 10px;
    	margin-bottom: 1em;
    	border-top: 1px solid #b3b3b3;
    	float:right;
    	}
    definately use this br class after you end your floating i.e after you end #content in html

  3. #3
    Join Date
    Nov 2008
    Posts
    18
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Hi Monica, that got it, thanks! Any idea how to get rid of that small white space under the images in IE 6? You would need flash disabled as it falls back to random images loaded.

  4. #4
    Join Date
    Oct 2008
    Location
    kolkata, india
    Posts
    75
    Thanks
    2
    Thanked 10 Times in 10 Posts

    Default

    my pleasure..

    but i cant understand where you want to remove space under the images in your website.. but still if u want that... u need to declare this..

    Code:
    img{
    padding:0;
    margin:0;
    border:none;
    }

  5. #5
    Join Date
    Nov 2008
    Posts
    18
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    If you disable flash the image viewer is populated with a random jpg. There is a small white gap at the bottom in IE 5.5 & 6. I know how to turn off image padding and borders and tried that, but it still doesn't work which is why I'm confused. Not a big deal really, but I'm picky for these things.

  6. #6
    Join Date
    Oct 2008
    Location
    kolkata, india
    Posts
    75
    Thanks
    2
    Thanked 10 Times in 10 Posts

    Default

    then try display:block;

  7. The Following User Says Thank You to monicasaha For This Useful Post:

    dekra (11-15-2008)

  8. #7
    Join Date
    Nov 2008
    Posts
    18
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    That did it! Thanks for your help monica, going to make the site live later today. What do you think of it? Always good to get feedback.

    The only browser it doesn't work in is IE 8 beta, but I don't think it a good idea to start making hacks for a beta browser, whats your thoughts?

    New uri is http://concept-croatia.com
    Last edited by dekra; 11-15-2008 at 09:21 PM.

  9. #8
    Join Date
    Oct 2008
    Location
    kolkata, india
    Posts
    75
    Thanks
    2
    Thanked 10 Times in 10 Posts

    Default

    hii

    i got that.. but can u specifically say where u got the prob in IE 8.. becoz i couldnot find any fault there..by ur url..
    if ur problem is solved plz make it"resolved".

    and for the hacking concept.. i think it feel very bad for a coder to hack..but if any browser works without any sense then we have to do that.no other option left..
    but mozilla gets our confidence back...so chill

    thanks

Bookmarks

Posting Permissions

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