/    Sign up×
Community /Pin to ProfileBookmark

Centered DIV

Copy linkTweet thisAlerts:
May 24.2006

[url]http://www.aylesford.kent.sch.uk/test/[/url]

All div’s, no tables…

On screens set to 1024×768 it’s perfect. But on screens larger than this, the main content is over to the left. Is there any way I can make this align in between the menu and the pictures on the very right hand side?

Also, can I force the content of div’s to fill the screen. The menu is longer than all other content and so nothing goes right down to the bottom!

Thanks/…

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelMay 24.2006 — To center this on screens of [I]any [/I]size (particularly when width is larger than 1024 in this case), wrap the entire page in another <div>, and give this DIV these selectors: [B]margin:0 auto;[/B] [I]and [/I] declare a width. Maybe 95%, maybe 1000px, -whatever. You'll need a width on that div to make the centering-thing work, or else it will just assume 100% and you've acheived nothing.

To make the menu not be so long (right now it's taller than content), I'd go with nested drop-down lists. You've got a good start already, using UL and LI.
Copy linkTweet thisAlerts:
@ldoodleauthorMay 24.2006 — Sorted!

Thanks/...
×

Success!

Help @ldoodle spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...