Advice please: Why are my webpages all aligned to the left side of the screen?

Soldato
Joined
4 Feb 2004
Posts
13,430
Location
Écosse
Knocked up a quick website for a friends business using Microsoft Publisher 2007.

I used a template and the size stated said page size of "760x4608px". Thought that was a bit of a strange size, but didnt really pay any attention to it at the time.

Whilst working on it, it looked ok as I was doing the work on my laptop with its 15" screen. I aligned everything to be "centred" on each page, but now after transferring the files over to my desktop PC which runs a 19" widescreen TFT, when you view it online, it looks like its all over to the left hand side of the screen, with a large area of "nothingness" over to the right on each page.

The website is :-

www.indagatio.co.uk

Even when viewed on a non-widescreen monitor ( I checked at work last night on a 17" standard monitor ) it still looks like its sat over to the left side.

Any ideas what I've done wrong there and can I change it so its evenly spaced on both sides?. I'm guessing I could perhaps do it within Publisher itself or will I need to modify the HTML code?.

Many thanks in advance for any help. Could really do with a solution here!!!. :cool:
 
greeny_fastcar said:
Seems like everything is left aligned. Just go into Publisher and change everything to centre?

Yeah, thats what I thought, but during the site build I made sure I aligned all the text etc to "centre" which is why its puzzling me. :confused:


greeny_fastcar said:
Or stick the good ol' <center> tag in at the top of the page lol :p

Whereabouts?. I know everyone will say "dont use Publisher or Dreamweaver, use Notepad and bare HTML" but I'm just getting to grips with this lark and I'm starting with WYSIWYG, although I intend looking at learning HTML also.
 
Last edited:
I know this sounds cruel but have you seen any website on the internet that looks similar to that in the past 5 years?

When designing, the internet is your greatest tool at looking what trends work for people, if you had the tiled stone as a background and then a white content background so the text is easier to read I think the structure would improve immensly. Centering the paragraphs on the services page doesn't help for alignment and ease to read, and there a few links which I can only access from the home page which could be improved. I don't want this too seem too harsh but constructive comments help everyone.

I know you probably don't want to at this stage but using www.htmldog.com and www.alistapart.co.uk and www.cssplay.co.uk will help your knowledge so much and you'll feel proud you created the website yourself. :)
 
hargi said:
or a white content page and pinstripe background?
Maybe so! I was going to try and recreate it but both the HTML and CSS was too much of a mess to even begin with it. Unlike jcb's in the other thread which I just randomly had a go at :p
 
No worries guys, I'm all ears!!!.

I'm working on a better one with a less cheesy background etc, but once again, even starting from scratch, when I preview it, its all looking like its over to the left again. :(

I have no idea what I am doing for it to turn out like that. I even tried one of the built in templates in Publisher, fired it up and without touching anything, saved it and previewed it in my browser. Same again, aligned over to the left.

What on earth am I doing wrong?. :eek:
 
Ok, here's version Mk II:-

www.indagatio.co.uk

I know there are a few mistakes in there, will sort them out tomorrow, just wanted to get this uploaded and working tonight.

I personally think its an improvement on the first one ( maybe only just!!! ).

Still have no idea what the pages are doing moving over to the left all the time, I kinda got around it by moving all the content on each page over to the near the right side and lining it up as best I could.
 
Jaffa_Cake said:
Looks like its aligned to the right to me.

:eek: Look at that source! My eyes!

Too the right?. :eek:

Blame Microsoft for the coding, thats what you get with Publishers WYSIWYG I guess. :cool:
 
Draeger said:
Too the right?. :eek:

Blame Microsoft for the coding, thats what you get with Publishers WYSIWYG I guess. :cool:

30 day trial of Dreamweaver?

Edit: It's aligned centre for me? :confused:
 
Last edited:
Yeah, its a bit of a mish-mash, innit?.

Its just to get some form of web identity up for my mate at the moment, I'm working through Dreamweaver slowly getting to grips with it and will re-do the site as soon as I get used to it.

Managed to tidy it up a bit ( site, not the coding ) so it looks a bit better than it was. Got the wife to check at her work what it looked like and she reckons it looks lined up better now?.

Now, about the other slight problem I had, the one where the pictures on the pages are taking a split second to appear when you flick between pages. You get a white box and the little RGB symbol in it just for a millisecond when the page loads.

Any idea how I can fix that?. To be honest, the images throughout are all a bit of a mish-mash of file formats, some jpgs and some are png's. What should they be to ( hopefully ) help prevent this annoying pause when loading pages?.
 
I'd go for gif's all round. The layout has gone a bit skewed here now.



Drop a link to the contact us page in the screen shotted page too. :)

Edit: Same for the GW Logic links on the contact us page, yes, links, squeeze one in for the www. and the name above that. :)
 
Last edited:
LOL!!!

I just cant win!!!.

Just canny figure out why its doing that, going left and right but never centred......grrrrrrrr!!!!! :confused:
 
You tried "text-align: center;" ?

*EDIT* Actualy what did you write that in? your code is a terible mess, would have a play around with it but yuck.....
 
Last edited:
Back
Top Bottom