[sanspolanco]

i need some help with what is probably cake to people with some know-how. i have been searching the net like mad so that i didnt have to come begging for help, but i have had no luck. so here's the scoop:
i created a small jpeg that i am using to create a seamless background, but the problem is that when it comes time to lay objects onto this background, lining it up is creating lots of problems. when i put an object into a layer i can line it up nicely, but then that image doesnt move as the browser size is changed like a table does. how do i make the tables coporate? or how do i make layers flexible like tables?

here is what i am trying to line up:

a) http://www.geocities.com/sanspolanco/tableversion.html

b) http://www.geocities.com/sanspolanco/layerversion.html

as you can see, when i use a table, in a), i can't get it to line up, but i can when i put that image in a layer rather than a table. the only problem is that the layer wont adjust itself to fit as best as it can in the window.

thanks for the help

-s

[illvibe]

i guess you've got two options. Firstly though, it's much easier if you style things with an external style sheet rather than have the styles inline like you do.

Anyhoo, option 1 for the div which holds the img:

#floatright {
height: ?px;
width: ?x;
float:right;
}

Option 2:

#absoluted {
height: ?px;
width: ?x;
position:absolute;
top:0px;
right:0px;
}