Center an object in HTML while having it at location '0' from the top...

login | register | shoutbox

What happened to the Messenger Plus! forums on msghelp.net?

Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » Center an object in HTML while having it at location '0' from the top...

Pages: (2): « First [ 1 ] 2 » Last »

Center an object in HTML while having it at location '0' from the top...

Author:

Message:

.blade//
Veteran Member

Posts: 2856
Reputation: 39
35 / Male

/ –
Joined: Jan 2004

O.P.

Center an object in HTML while having it at location '0' from the top...

OK, here's the deal - In HTML, I need to center rather a table or an iframe, but also have it at location '0' from the top, anyone have any ideas?

09-10-2004 04:34 PM

fluffy_lobster
Veteran Member

Posts: -2

Posts: 1391
Reputation: 23
36 / Male

Joined: Nov 2002

RE: Center an object in HTML while having it at location '0' from the top...

Center it horizontally or vertically?

WTF?

09-10-2004 06:53 PM

.blade//
Veteran Member

Posts: 2856
Reputation: 39
35 / Male

/ –
Joined: Jan 2004

O.P. RE: Center an object in HTML while having it at location '0' from the top...

I need it to be at the VERY TOP of the page (no space between the top and the object) but centered from left to right (horizontally)

09-10-2004 06:59 PM

fluffy_lobster
Veteran Member

Posts: -2

Posts: 1391
Reputation: 23
36 / Male

Joined: Nov 2002

RE: Center an object in HTML while having it at location '0' from the top...

<body topmargin="0"><table align="center">...

WTF?

09-10-2004 07:07 PM

.blade//
Veteran Member

Posts: 2856
Reputation: 39
35 / Male

/ –
Joined: Jan 2004

O.P. RE: Center an object in HTML while having it at location '0' from the top...

Thanks

btw, ur sig. is wrong - it says I'm using FF 0.8, but I'm using FF 0.9 :refuck:

...

This post was edited on 09-10-2004 at 07:22 PM by .blade//.

09-10-2004 07:21 PM

lhunath
Full Member

.{ Lord Daisy }.

Posts: 343
39 / Male

/ –
Joined: May 2004

RE: Center an object in HTML while having it at location '0' from the top...

quote:
Originally posted by fluffy_lobster
<body topmargin="0"><table align="center">...

Ewww!
God's sake.

HTML:
<iframe id="myframewhichiwantcentered" ....></iframe>
CSS:
#myframewhichiwantcentered {
position: absolute;
top: 0px;
width: [framewidth]px;
left: 50%;
margin-left: -[framewidth]px;
}

Don't do it in CSS, then don't do it at all, or perlease keep it XHTML compliant...
or if you can't be bothered to keep the CSS somewhere seperate; do it the lame way:

<iframe style="position: absolute; top: 0px; left: 50%; width: [framewidth]px; margin-left: -[framewidth]px;" .....></iframe>

Btw, Iframes are ghay =)

~lhun

{ -

- }

09-10-2004 09:46 PM

.blade//
Veteran Member

Posts: 2856
Reputation: 39
35 / Male

/ –
Joined: Jan 2004

O.P. RE: Center an object in HTML while having it at location '0' from the top...

I got it to work with the way fluffy said...

09-10-2004 09:55 PM

k776
Junior Member

Posts: 98
Reputation: 3
– / Male

/ –
Joined: Aug 2004

RE: Center an object in HTML while having it at location '0' from the top...

yeah, but that way isn't going to show the saem on all browsers the way lhunath suggested is better.

09-10-2004 10:06 PM

RaceProUK
Elite Member

Posts: 6073
Reputation: 57
39 / Male

Joined: Oct 2003

RE: Center an object in HTML while having it at location '0' from the top...

The easiest way is to use CSS, and use

code:
vertical-align : top;
align : center;

Those are the only two properties you need, and they also allow for different screen/window sizes.

I beg you, don't use absolute sizing/positioning! It gets messed up when the resolution/window size changes!

09-10-2004 10:31 PM

fluffy_lobster
Veteran Member

Posts: -2

Posts: 1391
Reputation: 23
36 / Male

Joined: Nov 2002

RE: Center an object in HTML while having it at location '0' from the top...

quote:
Originally posted by lhunath

quote:
Originally posted by fluffy_lobster
<body topmargin="0"><table align="center">...
Ewww!
God's sake.

HTML:
<iframe id="myframewhichiwantcentered" ....></iframe>
CSS:
#myframewhichiwantcentered {
position: absolute;
top: 0px;
width: [framewidth]px;
left: 50%;
margin-left: -[framewidth]px;
}

Don't do it in CSS, then don't do it at all, or perlease keep it XHTML compliant...
or if you can't be bothered to keep the CSS somewhere seperate; do it the lame way:

<iframe style="position: absolute; top: 0px; left: 50%; width: [framewidth]px; margin-left: -[framewidth]px;" .....></iframe>

Btw, Iframes are ghay =)

~lhun

You're right - I wasn't aware the topmargin attribute was no longer valid. However blade was asking for an HTML solution, so I hardly see preaching that mess of a css hack a tidy alternative. All that actually needs to be done is give the body the margin-top: 0px; style, and seeing as it's a lone attribute there's no real reason why not to use inside the tag; <body style="margin-top: 0px;">

For the horizontal centering, either raceprouk's align: center; style or the html attribute align="center" are valid and intercompatible.

By the way, racepro, the vertical-align: top; is obsolete because that's the default for members of the <body> element. The issue with top aligning it was that there is a default top margin of something like 10px

WTF?

09-11-2004 11:21 AM

Pages: (2): « First [ 1 ] 2 » Last »

« Next Oldest

Return to Top

Next Newest »

Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites

Forum Rules:
You cannot post new threads You cannot post replies You cannot post attachments You can edit your posts	HTML is Off myCode is On Smilies are On [img] Code is On