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 3 of 3
  1. #1
    DHR
    DHR is offline
    New to the CF scene
    Join Date
    Oct 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Child Objects overflow Parent Container in IE

    Website URL:http://cars.dhrstudios.com/images.php?album_id=3

    My issue is in my web gallery, where the gallery is php driven, and shows any number of images..

    There is a main container that holds all the images, and then each image has it's own object.. everything seems to be fine in firefox, but in IE, the images overflow the container.. However, in IE, once the window is resized, the page works, until you hover your mouse overtop one of the images, then it reverts back to the overflow state..

    I've tried all the little hacks I could find, like setting the main container height to 1%, but it didn't help any..

    Here is some of my code...

    STYLE SHEET
    Code:
    #image-holder {
    	display:inline;
    	position:absolute;
    	top:167px;
    	margin-right:195px;
    	}
    	#Content>#image-holder {margin-top:-14px;}
    
    #image {
    	text-align:center;
    	margin-bottom:10px;
    	margin-right:10px;
    	padding:10px;
    	background-color:#eee;
    	border:1px dashed #999;
    	width:110px;
    	height:110px;
    	float:left;
    	}
    WEBSITE PHP
    PHP Code:
    if (@mysql_num_rows($result) > 0) {
        
    $nrows mysql_num_rows($result);
        echo 
    '<div id=Info>';
            echo 
    '<form>';
                echo 
    "<h1>".$albumname."</h1>";
                echo 
    '<h5>Sort By</h5>';
            echo 
    '</form>';    
        echo 
    '</div>';
        echo 
    '<div id=image-holder>';
        for (
    $i=0$i $nrows$i++) {
            
    $row mysql_fetch_array($result);
            echo 
    '<div id=image>';
            echo 
    '<a href="fullimage.php?image_id='.$row['image_id'].'"><img src="/images/thumbs/'.$albumname.'/'.$row['filename'].'" /></a>';
            echo 
    '</div>';
        }
        echo 
    '</div>'

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,677
    Thanks
    6
    Thanked 1,008 Times in 981 Posts
    It might not solve your problem but note that you can only use an ID once on a page. If you have repeating image divs you should rather use a class. Also get used to put all values into quotes: <div class="image">...

  • #3
    DHR
    DHR is offline
    New to the CF scene
    Join Date
    Oct 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    okay, I'll start chaning all my <div id="object"> to <div class="object">

    Thanks for the tip..


  •  

    Posting Permissions

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