Need help adjusting company website

E

El_Duque

Andy's Clothess,
Joined
May 23, 2001
Posts
3,537
I was just recently hired to do a new website for a small ship repair company.

http://www.integratedmarineservices.com

The problem is that I can't get it to the point it will fit on all screen resolutions.

On my two monitors (my laptop and home computer) it looks good. I go to the office and on certain monitor and laptops it looks disproportioned.

Can you guys tell me how the website looks on your monitors and how I can fix this problem?
 
Last edited:
xiao_haozi

xiao_haozi

Avid Neo-Expert
Joined
Jan 22, 2009
Posts
1,977
not centered...

if you want floating layout ... decide on a content width that works well then throw it all in a master div....

then I like to center those like (e.g. if your content is 800px):

#master-div {
position: relative;
width: 800px;
left: 50%;
margin-left: -400px;
}
 
E

El_Duque

Andy's Clothess,
Joined
May 23, 2001
Posts
3,537
xiao_haozi said:
not centered...

if you want floating layout ... decide on a content width that works well then throw it all in a master div....

then I like to center those like (e.g. if your content is 800px):

#master-div {
position: relative;
width: 800px;
left: 50%;
margin-left: -400px;
}
Click to expand...

Where should I put this on my page?
 
xiao_haozi

xiao_haozi

Avid Neo-Expert
Joined
Jan 22, 2009
Posts
1,977
well you already had style tags in there...

did you write this so far?


I would just enclose all your page content like:

<body>
<div id=master-block>

... alll that html stuffs

</div>
</body>


then above all that in your style tags you can add the:
#master-block {
.....
}
with the things i listed in there before.

Also... since it's a company site might want to throw all your styles in a separate css stylesheet to keep things cleaner... then link into it in the head tag


EDIT: hmmm i just saw you used a lot of position absolute tags... take those out and use relative imho... else be careful as they will foul things up a bit....
 
Last edited:
E

El_Duque

Andy's Clothess,
Joined
May 23, 2001
Posts
3,537
xiao_haozi said:
well you already had style tags in there...

did you write this so far?


I would just enclose all your page content like:

<body>
<div id=master-block>

... alll that html stuffs

</div>
</body>


then above all that in your style tags you can add the:
#master-block {
.....
}
with the things i listed in there before.

Also... since it's a company site might want to throw all your styles in a separate css stylesheet to keep things cleaner... then link into it in the head tag
Click to expand...

Thanks
 
evil wasabi

evil wasabi

The Jongmaster
20 Year Member
Joined
Aug 20, 2000
Posts
60,434
looks fine on my netbook, but leans to the right a bit. That'swhatshesaid.
 
xiao_haozi

xiao_haozi

Avid Neo-Expert
Joined
Jan 22, 2009
Posts
1,977
El_Duque said:
EDIT: Okay, didn't refresh will keep trying.
Click to expand...

just heading out but a few things quick:

1- you have position absolutes on your inner div which will foul everything up really...
2- indent your html ;) it will make your life a million times easier doing this and troubleshooting!
 
xiao_haozi

xiao_haozi

Avid Neo-Expert
Joined
Jan 22, 2009
Posts
1,977
alright I gotta run... if you can't get it ... shoot me an email or something I can try to take a look at it later and edit thigns for you if you wanted/needed.
 
E

El_Duque

Andy's Clothess,
Joined
May 23, 2001
Posts
3,537
There is no other way to get around this? The majority of the site are on an AP Div.
 
xiao_haozi

xiao_haozi

Avid Neo-Expert
Joined
Jan 22, 2009
Posts
1,977
well you could set everything left like abs left 0px and then add in to your body css style to have like:
body { margins: 0% 10% 0 10%;}

or something like that so you have left and right a certain percent spacing before content.
 
rarehero

rarehero

Rotterdam Nation Resident,
20 Year Member
Joined
Jan 12, 2001
Posts
13,393
hey, can you email me if you get any job openings in hawaii for electrical engineering.
thanks.
 
NeoSneth

NeoSneth

Ned's Ninja Academy Dropout
20 Year Member
Joined
Oct 22, 2000
Posts
11,108
1. lose the cheesy gradients.
2. look up liquid CSS
 
xiao_haozi

xiao_haozi

Avid Neo-Expert
Joined
Jan 22, 2009
Posts
1,977
I agree.... you just need to ditch dreamweaver dude... for a site that simple just edit it in a plain vanilla text editor and you'll be done before you know it.
 
rarehero

rarehero

Rotterdam Nation Resident,
20 Year Member
Joined
Jan 12, 2001
Posts
13,393
did you inherit this site from someone?
dreamweaver isn't bad,
I know I try to use css as much as I can because of my situation.
Dreamweaver makes it easy to take shortcuts,
but it'll be more apparent when you take a look at your site through more honest browsers
like firefox or opera.
I just got finished making templates for my site and made it template friendly
so I can change things on the fly.
I have about 88 pages that need to be taken care of so templates are the way to go for me.
but for you, it looks like you have a small enough site to build from the ground up.
pay attention to the source code and you'll be clean.
 
E

El_Duque

Andy's Clothess,
Joined
May 23, 2001
Posts
3,537
Bump, I was told to ditch the gradient for a plain white background so that's good. Can anyone check if it's centered now?
 
E

El_Duque

Andy's Clothess,
Joined
May 23, 2001
Posts
3,537
Thanks. I'm going to drop by at a local public library and check it out on their PCs before I head out to the office.
 
You must log in or register to reply here.
Top