Layers

  • Thread starter Thread starter SMD1964
  • Start date Start date
S

SMD1964

I am brand new so sorry if this ? is so elementary. I am learning to use
Layers to design my page layout. When I save and view in browser, looks
great. However, in the browser view if I press CTRL + to view text in larger
mode, the view then shifts all of my words and layers around and changes the
look to the page. I am hoping that this is just happening because of the
limited browser view, but can someone tell me if I can expect this to happen
once I publish the site.
 
This is to be expected when using layers containing text. Avoid layers
for page layout, this method will always result in problems.
Using floated divs and tables will give much better and consistent
results.
 
Thank you! Now I'm confused because from things that I've read, I thought
that Layers was the quickest, easiest and most viewable choice in designing
layout, better than even tables. What is a "floating div"?
 
Layers will be your worst enemy until you understand them. When you
understand layers, you won't use them for layout.

An example of floating divs are the left and right columns in this code
snippet:

<body>
<div id="container">
<div style="float:left; width:150px;">Left column with fixed
width</div>
<div style="float:right; width:200px;">Right column with fixed
width</div>
<div style="margin-left:155px; margin-right:205px;">Page contents goes
here, width varies with browser portal width</div>
<div style="clear:both;font-size:0;line height:0;">&nbsp;<!-- This
clears the floats so everything below displays correctly. This div will
not display. --></div>
</div>
</body>

The left and right columns float outside the main content area.
For more information see
http://www.w3schools.com/css/pr_class_float.asp and
http://webdesign.about.com/od/advancedcss/a/aa010107.htm
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 
Back
Top