Sent by Clinton Pidlubny on 14 July 2004 22:10
So, if it's at the top of the page you want it to be 70px from the
top, and if it is further down the page you don't need the space
before the image, heading or whatever, but you still want whatever
is at the top of the content 70px down the page?? Does that sound
right???
How about using a content container. Here's an example:
#container {position:absolute; top:70px; }
<div id="header">Header graphics and text</div>
<div id="container"><h2>this will be 70px from the top of the
page</h2></div>
This way the content doesn't start till 70px down the page.
If I am way off on what you are trying to achieve, please send some
links to code see I can take a look at it.
Clint
Clinton Pidlubny
Webmaster/Application Programmer
Labor Market Information
Minnesota Department of Employment & Economic Development
390 N. Robert St. St.Paul MN 55101
[EMAIL-REMOVED]
TEL (651) 296-8724
FAX (651) 282-5429
>>> Marco Scoffier [EMAIL-REMOVED]> 7/14/2004 3:11:57 PM >>>
On Wed, Jul 14, 2004 at 02:51:15PM -0500, Clinton Pidlubny wrote:
> My thought would be to:
>
> h2#important_stuf {margin-top:20px;}
> or
> #important_stuf {margin-top:20px;}
> if you don't always want it attributed to the h2 tag.
>
> This way only that ID uses the spacing.
I was hoping to get away from lots of artificial spacing.
I have a position: fixed; header across the top of my pages (which
degrades properly in IE). But when I click on these link targets,
they
are often buried under the fixed header. I have used the
margin-top or
padding-top, but this didn't prove all that scalable, because, as
you
guessed, sometimes I reference a header, sometimes an image,
sometimes a
link.
I would really love to have the #target just show up offset some
distance from the top, without having to put 70px of white space
everywhere (70px is needed to clear the header and look normal).
Perhaps I have run into yet another impossibility, and I'll come up
with
YAWA yet-another-work-around ...
--
Marco
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
