Logged Out
Create an Account
Login:
Password:

Forgot your password?
IE and my layout

IE and my layout
[Back to Index]
Thread Tags
Primary: [Advanced Layout]
Secondary: None

ok here is our site:

http://fate.dkpsystem.com/

u will immediatly see that when u open it in IE it doesnt show the top border correctly, it does show it good with the bottom borders..

what should i add in the code (attached to the post)?


--
designer of http://aszune.dkpsystem.com
Hmm...your site actually looks almost as expected in IE7 for me.


--
It's all in the reflexes.
yeah everything is ok just that the Top corners are a bit separated from the left or right images.. (maybe because i'm not using the newest version of IE)


--
designer of http://aszune.dkpsystem.com
I had a lot of problems with that as well in IE 6.

I believe this is how I defined mine to solve the problem with that:
<td style="background-image:url('/settings/tnb/files/TopRightSide2.gif');background-repeat:no-repeat;">
<img src="/settings/tnb/files/spacer.gif" border=0 height=28px width=12px>
</td>

I never did get part of it right, so I set the background to black and there is a break in the line, but it isn't that noticeable.


--
Eleipher, The Warlock Extraordinaire
The New Beginning
Thorium Brother Hood



Guild Webmaster
The problem is that IE5.5-6 displays images as block elements, and it gives all block elements descender lines (those are used for displaying the bottoms of p's and q's and y's, etc).

To get it changed, real simple, change your

<img src="http://dkpfiles.com/fate/files/spacer.gif" border=0 height=43>

to

<img src="http://dkpfiles.com/fate/files/spacer.gif" border=0 height=43 style="display: inline;">


This should remove the extra few pixels on the bottom of the spacer gifs you're using, making the layout line up properly.


--
. : Keela
Designer of www.renewal-guild.com
didn't work Keela :'(


--
designer of http://aszune.dkpsystem.com
That's weird then, as it seems that IE is either rendering the spacer images too big, or isn't doing the backgrounds properly, or something...


I downloaded your news page to run a few tests locally, and the simplest fix I came up with is changing the height of your spacer.gif images from 43 to 40. This didn't have any noticable changes in Firefox, but made the borders line up properly in IE.


--
. : Keela
Designer of www.renewal-guild.com


[Back to Index]