/    Sign up×
Community /Pin to ProfileBookmark

[Beginner Question] Having a website in the center of the page

Copy linkTweet thisAlerts:
Aug 09.2006

Forgive me for asking this, as I am completly new to web design, but what’s the best way to have a website in the center of the page (with blank space on both sides)? Is it as simple as having some kind of table/border and just put empty space on both sides? How should I go about it, and how do I know how much space to leave? What should my minimum/maximum resolution be? (so that viewers don’t have to scroll on the bottom?). Right now I’m using Dreamweaver, if that’s any help.

to post a comment
Full-stack Developer

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@KravvitzAug 09.2006 — Don't rely on DreamWeaver's Design View. I recommend that the maximum width be 760px, unless someone is making a fluid/liquid width layout.

[url=http://www.dynamicsitesolutions.com/css/center_element/]Four ways to Center Elements with CSS (in IE5+/Win and other browsers)[/url]

[url=http://www.hotdesign.com/seybold/index.html]Why tables for layout is stupid: problems defined, solutions offered[/url]

[url=http://davespicks.com/essays/notables.html]Why avoiding tables (for layout) is important[/url]

[url=http://www.webcredible.co.uk/user-friendly-resources/web-usability/speed-up-download-time.shtml]Ten ways to speed up the download time of your web pages[/url]

[url=http://www.workingwith.me.uk/tablefree/why/]Why go table free?[/url]

[url=http://www.dorward.me.uk/www/nested/]Nested Tables: About the (ab)use of tables as layout tools in webpages.[/url]

[url=http://www.sitepoint.com/article/tables-vs-css/]Tables Vs. CSS - A Fight to the Death[/url]

[url=http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html]Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS[/url]

[url=http://evolt.org/article/Tables_or_CSS_Choosing_a_layout/25/21429/]Tables or CSS: Choosing a layout[/url]

[url=http://forums.devshed.com/css-help-116/what-are-tables-really-for-335225.html]What are tables really for?[/url]
Copy linkTweet thisAlerts:
@FleeceAug 09.2006 — I agree with Kravvitz

tables are not that nice to your website...and can get pretty messy

DIVs with CSS are much better.

here are some other references:

more CSS: http://www.htmldog.com/guides/cssbeginner/

DIV: http://www.lissaexplains.com/html7.shtml
Copy linkTweet thisAlerts:
@KravvitzAug 09.2006 — Fleece, don't make a common newbie mistake -- the point of table-less layouts is [b]not[/b] to simply replace tables with <div> elements. The point is to use semantically correct markup and then use CSS to make it look the way you want it to.

[url=http://www.boagworld.com/archives/2005/11/semantic_code_what_why_how.html][b]Semantic code: What? Why? How?[/b][/url]

[url=http://www.peachpit.com/articles/article.asp?p=369225&rl=1]The Meaning of Semantics (Take I)[/url]

[url=http://www.maxdesign.com.au/presentation/sit2003/05.htm]Semantic code[/url]

[url=http://www.webaim.org/techniques/structure/]Creating Semantic Structure[/url]

[url=http://www.brainstormsandraves.com/articles/semantics/structure/]Semantics, HTML, XHTML, and Structure[/url]

[url=http://www.kottke.org/03/08/standards-semantically-correct]Standards don't necessarily have anything to do with being semantically correct[/url]

[url=http://www.andybudd.com/archives/2004/05/semantic_coding/]Semantic Coding[/url]
Copy linkTweet thisAlerts:
@FleeceAug 09.2006 — oh sorry. ^__^;;

haha ok never mind!
Copy linkTweet thisAlerts:
@fd9authorAug 10.2006 — Thanks for the info.

I was orignally planning on using framesets. How do those compare to CSS when you're trying to do a layout?
Copy linkTweet thisAlerts:
@KravvitzAug 10.2006 — CSS is much more flexible.

It is better to use [url=http://www.joe2torials.com/view_tutorial.php?view=3]PHP includes[/url] or [url=http://httpd.apache.org/docs/howto/ssi.html]SSI[/url] instead of frames and iframes.

[url=http://www.html-faq.com/htmlframes/?framesareevil]Whay are frames so evil?[/url]

[url=http://karlcore.com/articles/article.php?id=2]Why Frames Are Bad[/url]

http://apptools.com/rants/framesevil.php

http://www.456bereastreet.com/archive/200411/who_framed_the_web_frames_and_usability/

[url=http://www.useit.com/alertbox/9612.html]Why Frames Suck (Most of the Time)(1996)[/url]

[url=http://www.htmlhelp.com/design/frames/whatswrong.html]What's wrong with frames?[/url]

http://www.tamingthebeast.net/articles/framesnoframes.htm

[url=http://www.dorward.me.uk/www/frames/]Frames - The Problems And Solutions: Explanations as to why you probably shouldn't use frames, along with alternatives that you can use instead.[/url]
×

Success!

Help @fd9 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.18,
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,
)...