Your .date is on an inline element (<span>) -- margins don't work particularly
well on inline elements.
You could either set the .date element as a block (either .date {display:
block;} or change the <span> do a <div>) OR you could set padding-top: 10px on
#details.
~ Tim
tjameswhite.com
----- Original Message ----
From: "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
To: [email protected]
Sent: Thursday, December 7, 2006 5:21:29 PM
Subject: [css-d] CSS Positioning problems
Hi
I am trying to create a design from a photoshop mockup in CSS but at present
I m having some major problems for example the date text should be 10 pixels
down but it stays in the same place so it seems if it ignoring the
margin-top: 10px; part?
Any ideas?
#details
{
float: right;
width: 160px;
}
.date
{
margin-top: 10px;
margin: 0px;
padding: 0px;
font-weight:bold;
}
<body>
<div id="wrapper">
<div id="details">
<span class="date">Sunday November 19th</span>
</div>
</div>
____________________________________________________________________________________
Do you Yahoo!?
Everyone is raving about the all-new Yahoo! Mail beta.
http://new.mail.yahoo.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
