website bug - bots.php

[Aranka]

the link

http://el.other-life.com/bots.php

 

displays some margin bugs in internet explorer 6(windows)

as well as opera 9.25

 

 

 

other than that the website works perfectly

Edited March 21, 2008 by Melisande

[Learner]

If you can identify what the problem is in more detail that can help. The site is developed & tested under FireFox & IE, and it looks fine on those.

[Roja]

Yes it also looks that way for me using IE 7. Firefox it looks fine.

[Aranka]

i think the problem is the following: ( i am not a website expert so i can only guess what the bug is)

 

the background image body_top (for example) is 630 x 34 pixels

 

but the table in which the text is placed has a width of 660 :

 

<!-- Body -->

<TD Align=Center VAlign=Top Class="Main">

 

(the width of the class "Main" is specified as 660 pixels in the css file)

 

.Main

{

width: 660px;

 

because the align of the table is centered, 15 pixels go over each border (15 pixels over the left border, 15 over the right)

 

which also explains everything that comes on the right side of the table is moved

 

 

-- however the funny thing is; i opened it in firefox and it worked (like you said )

but Opera gives smaller problems than (my version of) Internet Explorer

 

 

so i think its better to ask someone who knows more about website programming than me,

where exactly the problem lies.

 

i hope this helps a bit;

 

Melisande

Edited March 21, 2008 by Melisande

[Mar(c)]

Actually, for some reason

.MainBody
{
 width: 649px;
}

bubbles down to the table node in IE (IE6 here).

When removed, it looks fine in both IE and FF for me.

 

I leave the answering of the why question to a real expert.

 

 

Btw, do these css definitions serve any purpose here?

.NarrowBody
{
background-image: url("http://www.eternal-lands.com/page/images/body_middle.gif");
 background-repeat: repeat-y;
background-position: center;
}

The body_middle.gif picture is already set as background for the MainBody.

[gp_]

IE and Firefox have a different implementation of the css padding keyword:

 

IE:

 

|---------- width ----------|
|[padding]<content>[padding]|

 

Firefox:

 

		 | width |
[padding]<content>[padding]

 

 

edit: typo

Edited March 21, 2008 by gp_