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?
 
Tell me how, PLEASE. Thanks for your response, I'm glad you understood my
question.
 
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.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Back
Top