Relative positioning in IE7

  • Resolved pullman

    (@pullman)


    14 years, 1 month ago

    This page – https://philipus.com/galleries – displays properly on my Mac in Chrome, FF and Safari (all latest versions), with the three images on a horizontal line in the middel of the page.

    However on IE7 on a PC the three images are squoshed together from the middle of the line and onto the right (even overlapping).

    This is the code in style.css, a container and then one div for each image:

    .galleriescontainer {float: left; width: 950px; height: 633px; position:relative;}
    .galleriestopleft {position: absolute; left:2px; top:180px;}
    .galleriestopmiddle {position: absolute; top:180px; left:306px;}
    .galleriestopright {position: absolute; top:180px; left:610px;}

    Thanks very much
    Philip

Viewing 3 replies - 1 through 3 (of 3 total)

  • Ensure that your pages validate and consider conditional comment CSS.

    Thread Starter pullman

    (@pullman)

    Thanks esmi. The code validates now.

    I added this:

    <?php if(is_page('galleries')) :
echo '<style type="text/css" media="screen">
.container-inner {
	width:950px;height:769px;border:1px solid;}
.post {
margin:0 36px 0 36px; }
</style>';
endif;
?>

    This is the same code I used to fix IE misplacement on another page but on the Galleries page it doesn’t work.

    Thoughts? Is there a conflict between this code and the divs I created?

    Thread Starter pullman

    (@pullman)

    FYI
    I removed the above addition and added code to ie.css to amend how the divs in my first post display. It seems to work now.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Relative positioning in IE7’ is closed to new replies.