June 8th, 2004, 02:27 PM
|
|
Contributing User
|
|
Join Date: May 2004
Posts: 76
Time spent in forums: 8 h 31 m 56 sec
Reputation Power: 5
|
|
CSS to table HELP...PART II
First of all, i'd like to thank Arnica who helped me with the first part of this post (CSS to table HELP).
This is what Arnica helped me with before: (left corner image)(<== top back ==>)(right corner image)
where <== and ==> represent streching horizontally in both directions.
Now, i need help once again. I'd like to have side border images that strech vertically and while the body background image streching in all directions, vert and hor. Here's what i mean:
(^ left border v)(<== body back ==>)( ^ right border v)
where ^ and v mean streching vertically and <== and ==> mean streching horizontally.
this is what i came up with so far:
Code:
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--title bar-->
<div style="margin: 0px;
position: relative;
float: left;
width: auto;
height: auto;
"><img src="img_inside_article_title-bar_left.gif"></div>
<div style="margin: 0px;
position: relative;
right: 6px;
float: right;
"><img src="img_inside_article_title-bar_right.gif"></div>
<div style="margin-left: 7px;
margin-right: 7px;
height: 30px;
width: auto;
position: relative;
left: -3px;
background-image: url(tile_inside_article_titlebar_bak.gif);
"> This is a test</div>
<!--article-->
<div style="position: relative;
float: left;
width: 10px;
height: auto;
background: url(images/layout/home_tech-images/tile_inside-window_left-border4.gif);
"
> </div>
<div style="position: relative;
width: 10px;
float: right;
right: 6px;
background: url(images/layout/home_tech-images/tile_inside-window_right-border4.gif) right repeat-y;
"> </div>
<div style="margin-left: 10px;
margin-right: 10px;
height: 30px;
width: auto;
height: auto;
position: relative;
background: url(images/layout/home_tech-images/tile_back1.gif);
"> This is a test<br>and again</div>
</table>
!!my appologies for the sloppy code, still learning!!
In ie the above code works perfectly, the code under <!--article-->, where the borders strech in respect to the text in the center, but in firefox the sides strech for ever vertically!!
HELP!!!!!!!!!!!!
fz105
|
Dev Shed Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
