I have a page I'm trying to switch from table format to CSS. It uses a background image for the corner, tiles another image across the top, and tiles a third down the left - thus creating a 'boardgame' style layout.
I placed a div for a head section with the top tiled image as a background and did a float left on the corner image.
I then placed a div for a main-body section with the left-tiled image as a background.
My problem is that the left image leaves a space between itself and the corner image above it - unless I put a border around the main-body div - then it pulls itself up.
I have margins and padding set to 0px. on each div, img, p, etc.
Does anyone have a good layout that uses 3 backgound images like this?Try: img {display:block;} Images, tables and mysterious gaps (<!-- m --><a class="postlink" href="http://devedge.netscape.com/viewsource/2002/img-table/">http://devedge.netscape.com/viewsource/2002/img-table/</a><!-- m -->)
If it doesn't work show the document with the problem.
I placed a div for a head section with the top tiled image as a background and did a float left on the corner image.
I then placed a div for a main-body section with the left-tiled image as a background.
My problem is that the left image leaves a space between itself and the corner image above it - unless I put a border around the main-body div - then it pulls itself up.
I have margins and padding set to 0px. on each div, img, p, etc.
Does anyone have a good layout that uses 3 backgound images like this?Try: img {display:block;} Images, tables and mysterious gaps (<!-- m --><a class="postlink" href="http://devedge.netscape.com/viewsource/2002/img-table/">http://devedge.netscape.com/viewsource/2002/img-table/</a><!-- m -->)
If it doesn't work show the document with the problem.