Previous Message
Next Message

CSS positioning question

Sent by Rich M on 29 April 2011 22:10


On 04/29/2011 05:04 PM, Rory Bernstein wrote:
> I coded this page today:
>
> http://rorybernstein.com/proto_josephine/index.html
>
> ...and it's done but for one detail: I need to move the logo down so that it sits over the top of
the divd #container, which has a black border around it. When positioned correctly, the left&  right
edges of the logo will align with the border for a continuous look, as on this comp:
>
> http://rorybernstein.com/josephine_comps/index.html
>
> The logo is in the div #header. Can anyone tell me how to get it to move down into the correct
place? Thanks in advance.
>
> Rory
>

Hi,

a quick mock-up with the following element style on the img

left:40em;
position:absolute;
top:0;
z-index:1;

and then adding a 1em top margin to #header

margin: 1em 0 0 0;

Got a working version in FF. You'll want to cross-browser test that, but 
should be a good start.

Hope that helps,
Rich

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: