/    Sign up×
Community /Pin to ProfileBookmark

Center Webpage when images exceed 800×600

Copy linkTweet thisAlerts:
Dec 27.2007

Hey Guys need some help ?

A marketing company made a site design, The idiot I am went with it and started adding the images to layers then I used the dreamweaver converter to convert layers to tables and then I selected the “center tables” option. It looks perfect on my MacBook pro but unfortunately people still use 800×600 screen e.g. My parents when I had them look at the site they said the had to scroll horizontally. When they said that I wanted to cry. Is there a way to center the tables so they will be centered even if the images run off the left of the screen?

Here is my site. [url]http://www.xengevity.com/template.php[/url]
Any help is greatly appreciated, thank you in advance: D

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@ray326Dec 27.2007 — Looks to me like you need a redesign as you don't have any options with what you've got. It's just a very wide design. What would you expect it to do on narrow screens, chop off the l/r background?
Copy linkTweet thisAlerts:
@webdesigner1Dec 27.2007 — Even on 1024 x 768 its still too big you need to resize and re-design personally.
Copy linkTweet thisAlerts:
@dtm32236Dec 27.2007 — do you know html and css?

if so, i'd probably redesign it too. first, the page uses tables and 90% of the page is done with images. Text should pretty much always be text, not an image. and 90% of the code is css and javascript. this should all be placed in an external file.

and i don't really know what this is, but i don't think that this exists at all:
B2 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}
H20 {
font-family: Times, Arial, Helvetica, sans-serif;
font-size: 40px;
color: #FFFFFF;
text-decoration: none;
}

what's B2 and H20?
Copy linkTweet thisAlerts:
@cczerniaDec 27.2007 — You need to make the left and right images background images. Use stylesheets with no-repeat and right and left justify them accordingly. You make the center cell static and the left and right cells open so they can change size.
Copy linkTweet thisAlerts:
@xengevityauthorDec 28.2007 — dtm as you can see I am pretty new to CCS and HTML I removed the H20 and B2 tags I was just expierimeting and forgot to remove them.

cczernia I took your advise on making the left and right images background images and it looks great on PC's running firefox and Mac safari and firefox

http://www.xengevity.com/templates.php

but IE is looks really messed up here is the bowers test to show you how it looks in IE on windows http://browsershots.org/http://www.xengevity.com/template.php

any Ideas??

Thanks Guys

PS browsershots.org is an awesome site it shows you various browsers on almost every platform
Copy linkTweet thisAlerts:
@xengevityauthorDec 28.2007 — it was just a problem with Dreamweavers convert layouts to tables. I set the converter to most accurate and modified the layers to they but right up to each other
×

Success!

Help @xengevity 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 6.2,
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: @meenaratha,
tipped: article
amount: 1000 SATS,

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

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...