Previous Message
Next Message

Re: [css-d] simple(?) css layout

Sent by Al Sparber on 29 January 2002 02:02


> At 01:53 AM 29/01/2002, Denis Wilford wrote:
> >Hi Noah,
> >
> >Something like this -
> >http://www.mako4css.com/Tutorial.htm
>
> Thanks for that - I was trying to avoid fixing the position of the menu,
> because I didn't want to have to fix the height of the title (which
appears
> above the menu).
>
> I may have to resort to this, however, unless there's a workaround for the
> fact that Netscape 4.7 appears to apply the margin on the content div
> relative to the right edge of the menu div if the menu div is not
> positioned absolutely, and relative to the left side of the document if
the
> menu is absolutely positioned.
>
> Any ideas?


The easiest way I've found (if you want to support NN4x) would follow this
scenario:

<body>
<div id="mainL" style="position:absolute; left:250px; top:156px; z-index:1"
class="maindiv">
<h1>main content</h1>
<p>Lorem ipsum dolor sit amet, consectetuer PVII elit, sed diam nonummy nibh
euismod
tincidunt.</p>
</div>
<div id="sidebarL" style="position:absolute; left:36px; top:156px;
width:180px; z-index:1" class="sidediv">
<h1>sidebar</h1>
<p>Lorem ipsum dolor sit amet, consectetuer PVII elit, sed diam nonummy nibh
euismod
tincidunt ut Al et Gerry magna aliquam erat.</p>
<h2>destinations</h2>
<p><a href="#">Link One</a></p>
<p><a href="#">Link Two</a></p>
<p><a href="#">Link Three</a></p>
<p><a href="#">Link Four</a> </p>
<h2>and then...</h2>
<p>Lorem ipsum dolor sit amet, consectetuer PVII elit, sed diam nonummy.</p>
</div>
</body>

Use the classes to set margins/paddings/borders and attach 2 sheets, one
linked (for NN4), the other imported (for v5 browsers). Mind the cascade :-)

Al Sparber- PVII
________________________________________________________
We wrote the book on Dreamweaver Magic
Dreamweaver Magic Tools and Tutorials: http://www.projectseven.com
PVII DW Newsgroup: news://forums.projectseven.com/pviiwebdev
Previous Message
Next Message

Possibly related: