Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations biv343 on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

DIVs and IMGs in IE6 and Netscape6 arrgh! 2

Status
Not open for further replies.
chotchstar

chotchstar

MIS
Oct 22, 2001
28
GB
I've been happily using SPANs and DIVs to position images on a web page viewed through IE6. I then tried to look at the same page using netscape6.2.2... and some of the images appear slightly (about 3px) further down the screen. I'm positioning each DIV 'absolute'ly over one main SPAN. I've tried everything I can think of including redoing the offending images themselves but all to no avail.

I can amend the page to make it look right in IE OR Netscape but not both, and what I'd really like to do is to make the page look right through both browsers. I hope I'm not asking the impossible and any advice would be massively appreciated as this problem is driving me mental!

I've included the code I'm using below;

.PageBackground
{
width: 750px;
height: 450px;
margin-top: 0px;
margin-right: 0px;
background-color: #FFFFEA;
position: absolute;
}

.FadeTop{margin-top: 60px; margin-left: 0px; position: absolute;}
.FadeBottom{margin-top: 90px; margin-left: 90px; position: absolute;}
.FadeShortBottom{margin-top: 420px; margin-left: 0px; position: absolute;}
.FadeSideL{margin-top: 63px; margin-left: 0px; position: absolute;}
.FadeSideR{margin-top: 103px; margin-left: 90px; position: absolute;}
.FadeSideRightShort{margin-top: 63px; margin-left: 740px; position: absolute;}

</style>
<body>
<span CLASS=&quot;PageBackground&quot;>
<div CLASS=&quot;FadeTop&quot;>
<img BORDER=&quot;0&quot; MARGINWIDTH=&quot;0&quot; MARGINHEIGHT=&quot;0&quot; SRC=&quot;/GVD_Partnership_Chief/Images/FadeTop.gif&quot;>
</div>
<div CLASS=&quot;FadeSideR&quot;>
<img BORDER=&quot;0&quot; MARGINWIDTH=&quot;0&quot; MARGINHEIGHT=&quot;0&quot; SRC=&quot;/GVD_Partnership_Chief/Images/FadeSideRightLong.gif&quot;>
</div>
<div CLASS=&quot;FadeSideRightShort&quot;>
<img BORDER=&quot;0&quot; MARGINWIDTH=&quot;0&quot; MARGINHEIGHT=&quot;0&quot; SRC=&quot;/GVD_Partnership_Chief/Images/FadeSideRightShort.gif&quot;>
</div>
<div CLASS=&quot;FadeBottom&quot;>
<img BORDER=&quot;0&quot; MARGINWIDTH=&quot;0&quot; MARGINHEIGHT=&quot;0&quot; SRC=&quot;/GVD_Partnership_Chief/Images/FadeBottomLong.gif&quot;>
</div>
<div CLASS=&quot;FadeSideL&quot;>
<img BORDER=&quot;0&quot; MARGINWIDTH=&quot;0&quot; MARGINHEIGHT=&quot;0&quot; SRC=&quot;/GVD_Partnership_Chief/Images/FadeSideLeft.gif&quot;>
</div>
<div CLASS=&quot;FadeShortBottom&quot;>
<img BORDER=&quot;0&quot; MARGINWIDTH=&quot;0&quot; MARGINHEIGHT=&quot;0&quot; SRC=&quot;/GVD_Partnership_Chief/Images/FadeShortBottom.gif&quot;>
</div>
</span>
 
Sort by date Sort by votes
Hi chotchstar,

It's good to hear your problem is solved. I told you we would find a solution ;->

Thanks for taking the time to let me know that it was working!

Happy programming for you too and cheers,

Xavier
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
827
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
236
lmcate
lmcate
tyutghf
  • Locked
  • Question
Slanted divs
Replies
0
Views
666
tyutghf
tyutghf
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
2K
Chris Miller
Chris Miller
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
706
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top