Layers and tables react diferently when I resize a window

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I created my website using tables and layers. It looks great when the window
is maximized, however when I make the window smaller the layers and tables
slide apart giving a jumbled look to the site. Check my website to see what I
mean. It is www.ohiodesigninc.com. Any help would be appreciated.
 
Any help would be appreciated.

No help is required. You have exactly described the difference between
elements that are *in the normal flow* and those that are *out of the normal
flow* of the code on the page. Tables are in. Layers are out. That is
because a layer is an absolutely positioned thing, and (unless you actually
apply the required CSS to the table to make it so), a table is not.

Now - is your question "How can I accommodate the fact that tables center
and layers do not?"?

If it is, we will have to get down and dirty with code. Ready for that?
 
Change this -

</head>

to this -

<style type="text/css">
<!--
body { text-align:center; color:#CCC; }
#wrapper { text-align:left; width:720px; margin:0 auto;position:relative; }
-->
</style>
</head>

change this -

<body ...>

to this -

<body ...>
<div id="wrapper">

and this -

</body>

to this -

</div><!-- /wrapper -->
</body>

and see if that helps.
 
Back
Top