Help with buggy rendering

"Beetlegeuse" <beetle (AT) afterlife (DOT) null> wrote:

I've no idea what the hell is going on here...

Neither do we if you don't provide an url to the actual code.

A minimized test case that doesn't require picking apart helps greatly
in getting help from this group.

--
Spartanicus

Here is a screenshot of three different versions of rendering of the trouble
area:

http://img371.imageshack.us/img371/2572/layout8xg.gif

(ignore the language of the text)


The first rendering is the weirdest one -- the background and border of the
items (placed within span tags) are
completely shifted, for some reason, when you position it relatively.

The second rendering shows how I intend it to look.

The third is Firefox's rendering: the padding is completely ignored, and the
items are shifted instead
of being aligned to the right (it's a right-to-left language and page
layout).

Here's the styles for the top items:

..nav1
{ padding-left: 20px; padding-right: 20px;
background-color: #f0f0f0; color: #606060; font-family: arial;
font-weight: bold; }

..nav1p
{ padding-left: 20px; padding-right: 20px; background-color: #ffff40; color:
black; font-family: arial;
font-weight: bold; border-style: solid; border-width: 1px; }

The other items are defined similarly.


I've no idea what the hell is going on here... please help!

"Beetlegeuse" <beetle (AT) afterlife (DOT) null> wrote:

I've no idea what the hell is going on here...

Neither do we if you don't provide an url to the actual code.

Well, there's no URL yet, but here's the code:

That won't do, upload it.

--
Spartanicus