...

View Full Version : IE doing some funny stuff



boerinbeton
06-02-2010, 10:14 PM
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:

@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:

<!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

abduraooft
06-03-2010, 08:40 AM
</div
<div class="image_block">
Validator (http://validator.w3.org/#validate_by_input) is your friend!

boerinbeton
06-03-2010, 10:59 AM
:rolleyes: I knew it was something stupid like that. Thanks.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum