Off-center page possible?

Is it possible to create a web site in iWeb where the main part of the page is off-center?
(example - www.starbucks.com)
All of the templates automatically put the page in the center of the browser window, and I don't even know if it's possible to change that. If anyone knows anything about this, I'd appreciate the advice.

Changing the alignment of a page is easy!
Publish iWeb site then open /Sitename/PageName.html in Text Edit. A few lines down in the code right after the <body> tag there are two <div> tags that look like this:
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; text-align: left; width: XXXpx; " id="body_content">
Change the tags so they look like this. Edit style parameters to taste.
<div style="margin:left(or right); margin-left(or right):XXXpx">
<div style="margin-bottom: 0px; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; text-align: left; width: XXXpx; " id="body_content">

Similar Messages

Off center table/page

would someone be kind enough to review for me why my page
verdict one is off center?
when i built it originally, it was fine. at some point, i did
something to change it. the page is built with tables. now, to
correct things i've tried changing the css style on the properties
panel which is set to 75px offset from left, but it doesn't budge.
could it be buried somewhere else in my css style sheet, or maybe
my template? all suggestions appreciated. thanks

found the problem. somehow i misadjusted the template page so
that it wasn't set to centered. problem solved.

I am trying to print a jpg, centered on the page, to epson printer and the printed image is off center, does anyone have a sense about setting to check?

i am trying to print a jpg, centered on the page, to epson printer and the printed image is off center, does anyone have a sense about setting to check?

right click a blank area of the toolbar, click Customize. You'll see the printer icon there. Drag and drop it to where you want.
You can also find this option under View -> Toolbars -> Customize.

Deskjet 5740 won't scale to fit page; image off-center

I am using HP DJ 5740 over network via Airport Express. Driver is "HP5700 Series, v3.1.1" Neither of my Macs can correctly scale an oversized document to fit the page -- the command seems to be ignored, the preview picture never changes, the result is cropped off. The image looks off-center -- 7/8" on left, 1/8" on right, 5/8" on bottom (for page printed from Safari, ie no Word margins involved). And (for example) if I print a calendar month from iCal, the image is clipped on the left/bottom.
None of these symptoms occur when I print to the same printer from the Windows XP laptops on the same network. Ideas?

Another tack that you may think worth trying: define a custom paper size that’s actually the standard letter size in dimensions but has zero (or very small) margins: you can save it as "Letter Borderless" or something. Then choose that size for your page setup. This might help convince Preview (or whatever other app) not to crop the image.
What format is the scanned file in? What does Preview’s Get Info say about its dimensions? It may be that the headers specifying the sample density are missing or malformed, because in theory an actual-size scan should print at actual size without using a fit-to-page option. If you find you need to resize the image, try and do so without resampling (that is, just change the nominal resolution).

Unable to Center Page using CS3

At http://www.theforrestproject.org/xindex.html I have spent many hours trying to center this page in a browser. I am satisfied that the text and horizontal navigation bar are centered about themselves but when viewed in a browser they are off-center to the left leaving a far greater space on the right hand side.
Would it be possible to simply remove this extra space on the right?
I would sincerely appreciate any assistance to rectify this problem.
Sincerely, Ian Malik.

I've cleaned the page up a bit...see if you can work with the code below. Copy and paste into new Dreamweaver document and save to your site folder.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META NAME="ROBOTS" CONTENT="all" />
<link rel=â€shortcut iconâ€ href=â€http://www.theforrestproject.org/favicon.icoâ€ mce_href=â€http://www.theforrestproject.org/favicon.icoâ€/>
<title>The Forrest Project HOME Page</title>
<meta name="description" content="The aim of the Cataloguing Art Works component of The Forrest Project is to provide interested persons with the skills, researching approaches and techniques to utilize the Internet to document the works of an artist.
Here we set out key steps.">
<meta name="keywords" content="catalogs,research,free catalogs,forrest,project,catalogue,artwork,forrest project,the forrest project,theforrestproject,works,art,artist,images,can">
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style>
/* body page specific */
body {
background-color: #555;
font: small/1.3 Arial, Helvetica, sans-serif;
/* end body page specific */
.oneColElsCtr #nav {
font-family: "Old English Text MT";
font-size: 18px;
font-weight: lighter;
color: #000000;
width: 900px;
background-color: #CCCCCC;
margin: 0 auto;
/* Begin Navigation Bar Styling */
#nav ul {
list-style: none;
margin: 0;
padding: 0; }
#nav li {
float: left; }
#nav li a {
display: block;
padding: 8px 5px;
text-decoration: none;
font-weight: normal;
color: #000000;
border-right: 1px solid #ccc;
#nav li:first-child a {
border-left: 1px solid #ccc; }
#nav li a:hover {
color: #c00;
background-color: #fff;
/* End Navigation Bar Styling */
#header {
font-family: "Old English Text MT";
margin: 0 auto;
text-align: center;
width: 900px;
.style43 {
font-size: 65px
.style107 {
font-size: 160%;
color: #000000;
</style>
</head>
<body class="oneColElsCtr">

<div id="header">
<span class="style107">Welcome to</span><br />
<span class="style43">The Forrest Project</span>
</div>

<div id="nav">
<ul>
<li><a href="#">Certification</a></li>
<li><a href="#">Education</a></li>
<li><a href="#">Publishing</a></li>
<li><a href="#">Catalogue</a></li>
<li><a href="#">Genealogy</a></li>
<li><a href="#">Recruitment</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Language</a></li>
<li><a href="#">Site Map</a></li>
<li><a href="#"> Contact Us</a></li>
</ul>
<br style="clear: both;" />
</div>
</body>
</html>

Off-center -- tablet preview

My tablet view seems off-center
http://aa2001.businesscatalyst.com/index.html
although the design view is fine
I can't find any extra boxes/elements to throw it off.

Hey Anita
Seems you removed the tablet version, as when I open Tablet link page comes blank.
Or probably you fixed the issue ? Surely you have checked for any page element causing the issue but may be it is caused by some object frame stretching or scroll settings for any objects.
Without looking at the file it wont be possible to guess, If you still are facing the same issue while re-publishing the site, send me .muse file at [email protected] with this forum thread in subject line.
I will take a look and update you.
Thanks,
Sanjit

2013 27" iMac using mini displayport to VGA, external monitor off center.

I recently purchased a new 2013 iMac 3.5 i7 and connected two external monitors. The minidisplayport to DVI adaptor works fine on one monitor but the minidisplayport to VGA is off center on the 2nd monitor. There is a 2" black band on the left side of the screen. I've replaced the adaptor, cable and tried on two different monitors. I've also tried repositioning image in the monitor settings which it can't move far enough. It only happens on 1920 x 1024. Any other resolution is fine. Other than that it works fine, but this space is going to drive me nuts. Because these are 23" monitors I really would like the highest resolution possible. I'm stuck. Any thoughts?

Update: I switched to DVI and it worked perfectly. I guess there could be an issue with the mini displayport to vga adaptor on the 2013 iMac. I also tested it on a 2012 mac mini and the vga operated as it should.

Lightroom printing is off center

Hello all, I just replaced my home computer after it got fried from an electrical surge. While I was at it, I moved from a PC with XP to a Mac Pro with Snow Leopard. I had to transfer my Adobe License for Photoshop too and moved to CS5. The move has been great so far, but when I print out of Lightroom 2.7 with my Epson 3800 my prints are either off center or off the page. Printing with my previous PC setup was perfect and now I am totally baffled. I am in a bit of a time crunch too, as I need to get a photo shoot printed and delivered to a client. I even thought about dowloading the Lightroom 3 Beta to see if this would give me a temporary solution. Any one have any ideas? I have been searching the web for a few days looking for a solution and my tech person is baffled too.
Many Thanks,
J. Paul

Make sure to visit the Page Setup dialog and select your printer model (3800) from the "Format For" popup menu, and the page size from the "Paper Size" popup menu:
See suggested steps here:
http://people.csail.mit.edu/ericchan/dp/Epson3800/printworkflow.html#lightroom
and
Mac screenshots here:
http://people.csail.mit.edu/ericchan/dp/Epson3800/Print3800MacColor.zip
Then set the margins appropriately in LR's Layout tab.

Why do PDF-linked files on my website appear off center when opened?

I have created a website (not yet published) in which I have linked some PDF files. When I view these files in preview mode, the file pages all appear off center, i.e. they are positioned to the right on the page with a wide, blank margin on the left. This only occurs when I view them in Mozilla Firefox, not in other browsers such as Internet Explorer and Google Chrome. What might be causing this and how can I rectify it?

hmm are you using the builtin PDF viewer (PDF.js), refer to here to go back to the regular Adobe Acrobat PDF viewer.
* [[Use the Adobe Reader plugin to view or download PDF files]]

Why is my PDF printing off center when I have the landscape box checked?

I am having some trouble with printing my pdf's. I have several PDF's that are oriented in landscape orientation. In the past, they printed normally in landscape mode or autoportrait/landscape mode. Now they print fine in autoportrait/landscape mode, but print off center when printed in landscape mode. The reason this is a problem, is I have given instructions to 100's of my buyers for printing in "landscape mode"....have heard from one buyer already today with this printing problem. I was then able to reproduce the problem on my own printer. Is this a recent Adobe update and if so will it be fixed any time soon? Or is there something I have unknowingly done to my printer setting and this buyer has done the same? Thank you in advance for your help.

This is happening when I have the "actual size" box checked (the scaling box is not checked). Also, the printable area is centered on the page in the original documents. I have printed all of these pdf's in the past with the landscape box checked and have never had this happen.

How can I center pages for browsers and screen rez

Hi.
I purchased an html template web site. Im trying to have the
pages center themselves depending on the screen , resolution and
perhaps the type of browser it will be viewed in. Right now it just
shows up to the right hand side. This goes for all the pages in the
template.
here is the link for the site
Sample page
Im ok with Dreamweaver, no experience with CSS.
Thanks

Asked and answered here almost daily. You can find all the
info you need
starting here:
http://groups.google.com/groups?as_q=center+page&num=10&scoring=r&as_epq=&as_oq=&as_eq=&as _ugroup=macromedia.dreamweaver&as_usubject=&as_uauthors=&lr=&as_drrb=q&as_qdr=&as_mind=1&a s_minm=1&as_miny=1981&as_maxd=21&as_maxm=10&as_maxy=2008&safe=off
WARNING: This requires CSS code so it's time to step up.
Without
understanding HTML & CSS you will be very limited in what
you can
accomplish.
Walt
"mannsma" <[email protected]> wrote in
message
news:gdlo8u$ef$[email protected]..
> Hi.
> I purchased a html template web site. Im trying to have
the pages center
> depending on the screen , resolution and perhaps the
type of browser it
> will be
> viewed in.
>
> here is the link for the site
>
> https://filmlesscafe.com
>
> Im ok with Dreamweaver, no experience with CSS.
>
> Thanks
>

Layer disappears in Safari, off center in Firefox, but perfect in Internet Explorer!

I have a layer of a quicktime file on top of a jpeg image. In Safari 3.1, there is nothing but the jpeg. In Firefox 2.0.0.14, the quicktime box is off to the left and works, though off-center. In Internet Explorer 5.2 (Mac), the quicktime file works as it is supposed to and it is placed correctly.
See: http://www.wissmedia.com/
I am using CS1 GoLIve. This is the first time I have worked with layers.
Any clues as to what I'm doing wrong?
Thanks.

The QuickTime file is working for me in Safari. Still having Safari problems there, or was that already fixed? Are the right QuickTime plug-ins already installed for Safari?
The difference placement by the different browsers is probably more due to the size of your browser window than anything else - change the width of your browser window and you'll see that the page content centers while the Layer stays put, as it's positioned from the top and left edges of the page. To get the layer to center with the rest of the content, see this tutorial:
http://www.mindpalette.com/tutorials/center_layers/index.php

Any way to print off-center?

Since Aperture centers the image on the paper, not within the printer's usable print area, it won't produce a 12x18 print on 13x19 paper on my Epson 4000, because the 4000 has a minimum bottom margin of 0.556". Aperture sets that as the minimum margin on all sides and so prints only 17.88" wide. In Photoshop, I can center the 12x18 image in the printable area, which is more than 18" (19" - 0.556" bottom margin - 0.13" top margin = 18.314"), and I get a full 12x18 image printed off-center on the paper. Aperture does not seem to provide a way to do this - it insists on centering on the paper.
Anyone know of a workaround?

Thanks for actually addressing the question. Yes, I have set Custom Layout to 12x18, but I cannot set the border to zero - it is automatically set to a minimum of 0.556" and cannot be reduced. I tried setting a custom paper size of 13x18.5 and was able to set the border to 0.25". My thinking was that this would trick the printer into printing closer to the leading edge of the paper, where the printer's margin is smaller (0.13"). Unfortunately, when I did this, the printer kept giving me "incorrect paper size" errors and refusing to print. The 4000 can print borderless only at the long edges of the paper, not at the leading and trailing edges.
I recall that my Epson 2200 had the same margin issues, but it was possible to override the printer's defaults by using a "borderless" paper setting. With the 4000, this seems not to be possible.
As for color, I am very familiar with color management. I let the app manage color, selected the Ilford profile, perceptual rendering, black point compensation, set print rez at 1440, selected the appropriate media, and turned off color management in the driver. I even tried using absolute rendering, figuring this might lock down the neutrality of the b&w, but no. CS3 still rendered skies ever so slightly cyan, where Aperture was more consistent across the tonal range.
Ultimately, I used QuadTone RIP, a lovely little $50 shareware RIP dedicated to B&W printing. Despite the name, it also works with color inks. Does a terrific job. In daylight, my Aperture/Epson driver prints look very neutral. But, under artificial light, I see a slight reddish cast in midtones. Prints made with QTR are neutral under any light and do not suffer from metamerism.
...'Case anyone's interested.

Quicktime Player opens off center and to large

Hello,
The QuickTime player always opens to large and off center on my screen. I have changed preferences in the options to every setting possible but nothing works. Using Windows 8. My windows 7 machine behaves exactly the same. I am running the Free version of QuickTime. I do video editing so I must have QuickTime in order to do my work. I have many videos with transparency created with the Animation codec. The Windows player cannot play them, if it would I would not need the QuickTime player at all.When I click the fullscreen button at the top right hand corner of the player it corrects itself but I must first slide the player to the left to get access to the button which is offscreen .I should not need to do this. Thanks to anyone that can help. This is a very irritating thing to deal with.

ditto

PSD CS4 - Cursor is off center, help!

When I am using any tool (Smudge, Brush, Pen, etc.) in PSD CS4 (Mac 10.5.8) my tool is off center.
Here is an example: I have a blank white page and a brush tool (200 pixels, 100% hardness) with the color black assigned to it and I click in the center of the page to create a round dot. The dot is not on the spot where I clicked, instead it shows up below the point where I clicked, about 10 pixels off center. It's always 10 pixels off center no matter how big the brush.
It's impossible to work this way. I am at a total loss as to how to fix this problem. I've Googled and searched the Adobe Forums and can't find a solution.
Photo of my problem is attached.
Thank you from desperate, aka Dimitry

Rotate through the Screen Modes by hitting the key F three times.
Edit: The error happens when opening a file or creating a new file in Full Screen Mode.

Off-center page possible?

Similar Messages

Maybe you are looking for