navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Absolute positioning of graphic?

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Absolute positioning of graphic?
Page: [1]
 
michaelea

 

Posts: 105
Joined: 11/9/2007
From: Cannon Beach, US West
Status: offline

 
Absolute positioning of graphic? - 6/29/2008 11:04:36   
Hi,

Could anyone help me out with this one please? It's all to do with centering a page and absolutely positioning a graphic.

How do I keep the absolute positioning of the "Jenny" logo at the top of the page at whoisjenny.org while at the same time centering the whole website - I have tried adding a wrapper around the whole page and "absolutely" styling the image but it all comes out different in IE - as usual!

The centering of the page in an additional wrapper is not the hard part for me, it is the fixed positioning of the logo "relative" to the wrapper's left margin.

Thanks. I appreciate it.
Tailslide

 

Posts: 6270
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Absolute positioning of graphic? - 6/29/2008 16:20:53   
Do you really need to use absolute positioning? It's tricky to get right and usually unecessary- you're usually better off relying on the normal flow of the page or floats.

I can't check your page out properly as I'm not on my pc - but if you've got the whole thing positioned absolutely then you need to ensure that whatever div the ap'd item is in has position:relative otherwise the item will be positioned relative to the viewport. Then just centre the layout as per normal using margin: 0 auto;


_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to michaelea)
michaelea

 

Posts: 105
Joined: 11/9/2007
From: Cannon Beach, US West
Status: offline

 
RE: Absolute positioning of graphic? - 6/30/2008 2:40:12   
The solution was to make the wrapper position:relative and the logo div within the wrapper as position:absolute.

It works like a charm now: whoisjenny.org

Thank you...

(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Absolute positioning of graphic?
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts