IE problem i dont understand.

A

admin

Administrator
Staff member
Hi,

I am trying to redesign a site, and i am having problems with IE.

Firefox looks exactly how i want it to, but IE it rly messed up and i cant seem to figure out what is making it like that.

Please look at
<!-- m --><a class="postlink" href="http://test.apc-compunet.co.uk/current/index.php">http://test.apc-compunet.co.uk/current/index.php</a><!-- m -->

The Code is : -


<div style="width:760px;">
<div style="position:relative; background-image: url(rep_1.jpg); height:60px; width:758px; vertical-align:middle;">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"yoppple.jpg" width="264" height="60">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"point_1.jpg" width="5" height="5" vspace="1">
<span class="style1">21 of march, 2004</span>
</div>
<div style="width:760px; height:36; background-color:#000">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"left_1a.jpg" width="84" style="float:left ">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://Download .macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="676" height="36">
<param name="movie" value="header.swf">
<param name="quality" value="high">
<embed src=http://www.webdeveloper.com/forum/archive/index.php/"header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="676" height="36" style="float:right"></embed>
</object>
</div>
<div style="width:697px; float:right; background: url(rep_3.jpg); height:7px">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"line_1.jpg" width="492" height="7">
</div>
<div style="width:63px; float:left">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"left_1b.jpg">
</div>
</div>


Do you think i am doing it the best way?

Also why is this problem happening, and do you have any idea how to fix it.

Adami think the problem is the position: relative; try using float: right; or float: none;sorry, that makes no difference.

Adamthis works<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href=http://www.webdeveloper.com/forum/archive/index.php/"../store/stylesheet.css" rel="stylesheet" type="text/css">
<base href=http://www.webdeveloper.com/forum/archive/index.php/"http://test.apc-compunet.co.uk/current/">
<style type="text/css">
<!--
body {
margin: 0%;
}
img {
line-height: 1px;
}
.style1 {
float: right;
padding-top: 4.8em;
padding-left: 4px;
width: 492px;
color: #FFFFFF;
font-family: Tahoma, sans-serif;
font-size: 10px;
}
.style2 {
color: #61A0C1;
font-family: Tahoma, sans-serif;
font-size: 10px;
}
.style3 {
font-family: Tahoma, sans-serif;
font-size: 10px;
color: #7AD21A;
}
.style4 {
color: #9ea6ad;
font-family: Tahoma, sans-serif;
font-size: 10px;
font-weight: bold;
}
.style5 {
font-size: 11px;
color: #7E8993;
font-weight: bold;
}
.style6 {
color: #7E8993;
}
.style8 {
color: #9ea6ad;
font-family: Tahoma, sans-serif;
font-size: 10px;
}
-->
</style>
</head>
<body>
<div style="width: 760px;">
<div style="background-image: url(rep_1.jpg); width: 760px;"><img src=http://www.webdeveloper.com/forum/archive/index.php/"yoppple.jpg" alt="" style="float: left;"><span class="style1"><img src="point_1.jpg" alt="">21
of march, 2004</span></div>
<div style="width: 760px; height: 36px; background-color: #000">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"left_1a.jpg" width="84" style="float: left;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://Download .macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="676" height="36">
<param name="movie" value="header.swf">
<param name="quality" value="high">
<embed src=http://www.webdeveloper.com/forum/archive/index.php/"header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="676" height="36" style="float:right"></embed>
</object>
</div>
<div style="width:697px; float:right; background: url(rep_3.jpg); height:7px"> <img src=http://www.webdeveloper.com/forum/archive/index.php/"line_1.jpg" width="492" height="7"> </div>
<div style="width:63px; float: left;"><img src=http://www.webdeveloper.com/forum/archive/index.php/"left_1b.jpg" alt=""></div>
</div>
</body>
</html>
 
You must log in or register to reply here.
Back
Top