AJAX Forums

How to display webpage in center without CSS?

This is a discussion on How to display webpage in center without CSS? within the XHTML and CSS forums, part of the Beginners AJAX category; My site is already designed with Adobe Photoshop. But when I see preview with higher resolution or 19inch Monitor it’s in default with left.My page is 780 width &...


Go Back   AJAX Forums > Beginners AJAX > XHTML and CSS

Register FAQ Members List Calendar Search Today's Posts Mark Forums Read
Old 05-29-2007, 07:18 AM   #1 (permalink)
Junior Member
 
Join Date: May 2007
Posts: 1
Rep Power: 0 rickysrichs is on a distinguished road
How to display webpage in center without CSS?

My site is already designed with Adobe Photoshop. But when I see preview with higher resolution or 19inch Monitor it’s in default with left.My page is 780 width & already edit with FrontPage and also customized setting in adobe Photoshop. My problem is when I use this code html its not working nor table align in center is working bit confusing, do I have to go for default setting when page is saved from Adobe Photoshop ? How can I center my page with the pages which are already done?I can work with both FrontPage and Dreamweaver but not much use to CSS.Thanks in Advance.
__________________
rickysrichs is offline   Reply With Quote
Old 05-29-2007, 09:05 AM   #2 (permalink)
Junior Member
 
Join Date: May 2007
Posts: 1
Rep Power: 0 Vikram C is on a distinguished road
Wrap all your content in center tag.Example........................--------------------............-----content-----............--------------------............
__________________
Vikram C is offline   Reply With Quote
Old 05-29-2007, 02:49 PM   #3 (permalink)
Junior Member
 
Join Date: May 2007
Posts: 1
Rep Power: 0 Dastagir k is on a distinguished road
use div tag---your content---it must work u check out ur doctype if u use dreamweaverand check if div tag properly closed if ur code is lengthy or do one thing copy the code in notepad and save in html format and check once again
__________________
Dastagir k is offline   Reply With Quote
Old 05-29-2007, 05:25 PM   #4 (permalink)
Junior Member
 
Join Date: May 2007
Posts: 1
Rep Power: 0 what_wallgod_wants is on a distinguished road
There are 2 ways of doing this.Lets first do it with your existing setup where you dont want to use CSS or for that matter even DIV tags. Lets just use tables.Firstly, make sure the that main table which accomodates your page is 780 pixels wide only! I ll refer to this as the MAIN table. Leave it as it is. Now around this MAIN table we ll create a wrapper table, which we ll call WRAPPER table So just before your MAIN table put this(Your MAIN table and its content comes here)Thats it! What we did is, we created another table around our existing table, made its width 100% so that it stretches accross the screen and then made its to center whatever that comes in it.Now if that has worked then no need to read on. Go on and start your next site or fine tune your existing site. But if the above didnt work, then lets use CSS.In the section of the HTML add the following style tags:body{text-align:center;}#wrapper{width:780px;text-align:left;margin: 0 auto; }OK, the CSS is done. The section is made to center its content and the WRAPPER tag was created to accomodate the main table and automatically get its postion in the center by making its margins leave equal space on both the sides. Now lets put this CSS baloney to use.Around your MAIN table we need to create a DIV element that acts as a WRAPPER. So just before your MAIN table add the followingHere comes your existing MAIN table the way it is)Thats it. Hope that helped.
__________________
what_wallgod_wants is offline   Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 
Thread Tools
Display Modes


Similar Threads

Thread Thread Starter Forum Replies Last Post
AJAX Jobs : Dinamic Spanish Webpage by Kotzy admin AJAX Freelance Jobs 0 07-07-2008 08:43 PM
AJAX Jobs : redesign of a webpage by pacsubs admin AJAX Freelance Jobs 0 05-30-2008 10:53 PM
I want to know that How Can I placed Ajax Control in my Webpage to display data Jack J AJAX Controls 1 06-05-2007 10:50 AM
how to insert a flash (.swf) file in webpage via design? Arif H Flex and Flash 2 04-20-2007 07:25 PM
how do u set up html tags to make a webpage ? bunnie XHTML and CSS 3 04-08-2007 01:55 PM


All times are GMT -4. The time now is 08:15 AM.


Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0 RC5
Copyright ©2006 - 2008, AJAXwith.com