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
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry IE doing some funny stuff

    Hi

    I cant figure out what the hell is going on with IE, my page displays perfect in FF. I use the same class for each div wrapping around the set of images. Have a look at my code if I don't make sense.

    I know it's something stupid I'm missing but I can't find it.

    Thanks for any help.

    css:
    Code:
    @font-face {
    	font-family: 'CenturyGothicRegular';
    	src: url('gothic-webfont.eot');
    	font-weight: normal;
    	font-style: normal;
    }
    
    @font-face {
    	font-family: 'CenturyGothicRegular';
    	src: url(//:) format('no404'), url('gothic-webfont.woff') format('woff'), url('gothic-webfont.ttf') format('truetype'), url('gothic-webfont.svg#webfontqxl9Nwd1') format('svg');
    	font-weight: normal;
    	font-style: normal;
    }
    
    @font-face {
    	font-family: 'CenturyGothicBold';
    	src: url('gothicb-webfont.eot');
    	font-weight: normal;
    	font-style: normal;
    }
    
    @font-face {
    	font-family: 'CenturyGothicBold';
    	src: url(//:) format('no404'), url('gothicb-webfont.woff') format('woff'), url('gothicb-webfont.ttf') format('truetype'), url('gothicb-webfont.svg#webfontfubpTqDB') format('svg');
    	font-weight: normal;
    	font-style: normal;
    }
    	*
    	{
    	margin:0;
    	padding:0;
    	}
    	
    	body
    	{
    	background-color:#535353;
    	}
    	
    	.container
    	{
    	width:960px;
    	margin:0 auto;
    	padding-top:10px;
    	}
    	
    	.image_block
    	{
    	 margin:0;
    	}
    	
    	.image_block li
    	{
    	 text-decoration:none;
    	 list-style:none;
    	 float:left;
    	 margin:5px 10px;
    	}
    	
    	.image_block img
    	{
    	 border:none;
    	}
    	
    	.block_info
    	{
    	 width:100%;
    	 clear:both;
    	}
    	
    	.block_center
    	{
    	 height:140px;
    	 width:422px;
    	 margin:0 auto;
    	}
    	
    	.logo
    	{
    	 float:left;
    	 margin-right:1em;
    	}
    	
    	.info_one p
    	{
    	 font-family: 'CenturyGothicRegular', sans-serif;
    	 font-weight: normal; 
    	 font-style: normal; 
    	 line-height:normal;
    	 color:#a1eb70;
    	 font-size:2em;
    	}
    	
    	.info_two p
    	{
    	 font-family:'CenturyGothicRegular', sans-serif;
    	 font-weight: normal; 
    	 font-style: normal; 
    	 line-height:normal;
    	 color:#fff;
    	 font-size:3em;
    	 float:left;
    	 margin-right:0.2em;
    	 margin-top:-0.1em;
    	 margin-bottom:0.3em;
    	}
    	
    	.info_two_tiny p
    	{
    	 font-family:'CenturyGothicRegular', sans-serif;
    	 font-weight: normal; 
    	 font-style: normal; 
    	 line-height:normal;
    	 color:#fff;
    	 font-size:1em;
    	 padding-top:1.5em;
    	 clear:right;
    	}
    	
    	.info_three
    	{
    	 margin-top:1em;
    	 float:left;
    	 margin-left:-21em;
    	}
    	
    	.info_three p
    	{
    	 font-family: 'CenturyGothicRegular', sans-serif;
    	 font-weight: normal; 
    	 font-style: normal; 
    	 line-height:normal;
    	 font-size:0.7em;
    	 color:#fff;
    	 width:380px;
    	 text-align:center;
    	}
    	
    	.info_three img
    	{
    	 width:10px;
    	 height:10px;
    	 margin:0 0.3em;
    	}
    	
    	.block_right
    	{
    	 font-family:'CenturyGothicRegular', sans-serif;
    	 font-weight: normal; 
    	 font-style: normal; 
    	 line-height:normal;
    	 color:#969696;
    	 font-size:1em;
    	 width:247px;
         float:left;
         margin-top:-4.8em;
         margin-left:46em;
    	}
    html:
    Code:
    <!doctype html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title>Uys and White Landscape Architects</title>
    	<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    	<link rel="stylesheet" href="css/luw.css" type="text/css" />
    	<script src="js/prototype.js" type="text/javascript"></script>
    	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
    	<script src="js/lightbox.js" type="text/javascript"></script>
      </head>
      <body>
        <div class="container">
    		<div class="image_block">
    			<ul>
    				<li><a href="site-images/Telkom-CCE.jpg" rel="lightbox[luw]" title="Telkom CCE"><img src="site-images/thumbs/Telkom-CCE.jpg" /></a></li>
    				<li><a href="site-images/Soccer-City.jpg" rel="lightbox[luw]" title="Soccer City"><img src="site-images/thumbs/Soccer-City.jpg" /></a></li>
    				<li><a href="site-images/Jubilee-Estate.jpg" rel="lightbox[luw]" title="Jubilee Estate"><img src="site-images/thumbs/Jubilee-Estate.jpg" /></a></li>
    				<li><a href="site-images/Melrose-Arch-Hotel.jpg" rel="lightbox[luw]" title="Melrose Arch Hotel"><img src="site-images/thumbs/Melrose-Arch-Hotel.jpg" /></a></li>
    				<li><a href="site-images/Trevenna.jpg" rel="lightbox[luw]" title="Trevenna"><img src="site-images/thumbs/Trevenna.jpg" /></a></li>
    				<li><a href="site-images/New-DFA-Campus.jpg" rel="lightbox[luw]" title="New DFA Campus"><img src="site-images/thumbs/New-DFA-Campus.jpg" /></a></li>
    				<li><a href="site-images/New-DTI-Campus.jpg" rel="lightbox[luw]" title="New DTI Campus"><img src="site-images/thumbs/New-DTI-Campus.jpg" /></a></li>
    				<li><a href="site-images/River-Walk-Office-Park.jpg" rel="lightbox[luw]" title="River Walk Office Park"><img src="site-images/thumbs/River-Walk-Office-Park.jpg" /></a></li>
    			</ul>
    		</div>
    		<div class="block_info">
    			<div class="block_center">
    				<div class="logo">
    					<img src="site-images/logo.jpg" />
    				</div>
    				<div class="info_one">
    					<p>Landscape Architects</p>
    				</div>
    				<div class="info_two">
    					<p>Uys & White</p>
    				</div>
    				<div class="info_two_tiny">
    					<p>(Pty)Ltd</p>
    				</div>
    				<div class="info_three">
    					<p>Tel: 012 663 1045 <img src="site-images/dot.jpg" /> Fax: 012 663 5907 <img src="site-images/dot.jpg" /> P.O. Box 7001, Centurion 0046 <img src="site-images/dot.jpg" /> E-mail: luw@luw.co.za <img src="site-images/dot.jpg" /> www.luw.co.za</p>
    				</div>
    			</div>
    			<div class="block_right">
    				<p>Webpage under construction.....</p>
    			</div>
    		</div
    		<div class="image_block">
    			<ul>
    				<li><a href="site-images/The-Fields.jpg" rel="lightbox[luw]" title="The Fields"><img src="site-images/thumbs/The-Fields.jpg" /></a></li>
    				<li><a href="site-images/Eye-Of-Africa.jpg" rel="lightbox[luw]" title="Eye Of Africa"><img src="site-images/thumbs/Eye-Of-Africa.jpg" /></a></li>
    				<li><a href="site-images/Boardwalk-Manor.jpg" rel="lightbox[luw]" title="Boardwalk Manor"><img src="site-images/thumbs/Boardwalk-Manor.jpg" /></a></li>
    				<li><a href="site-images/JDA-Urban-Renewal-Proposal.jpg" rel="lightbox[luw]" title="JDA Urban Renewal Proposal"><img src="site-images/thumbs/JDA-Urban-Renewal-Proposal.jpg" /></a></li>
    				<li><a href="site-images/Waterfall-City.jpg" rel="lightbox[luw]" title="Waterfall City"><img src="site-images/thumbs/Waterfall-City.jpg" /></a></li>
    				<li><a href="site-images/Melrose-Phase-3-Residential.jpg" rel="lightbox[luw]" title="Melrose Phase 3 Residential"><img src="site-images/thumbs/Melrose-Phase-3-Residential.jpg" /></a></li>
    				<li><a href="site-images/Val-de-Vie.jpg" rel="lightbox[luw]" title="Val de Vie"><img src="site-images/thumbs/Val-de-Vie.jpg" /></a></li>
    				<li><a href="site-images/Nondela-Estate.jpg" rel="lightbox[luw]" title="Nondela Estate"><img src="site-images/thumbs/Nondela-Estate.jpg" /></a></li>
    			</ul>
    		</div>
    	</div>
      </body>
    </html>
    this is the problem
    Attached Thumbnails Attached Thumbnails IE doing some funny stuff-screenprint.jpg  

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Code:
    </div
    		<div class="image_block">
    Validator is your friend!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I knew it was something stupid like that. Thanks.


  •  

    Posting Permissions

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