What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » General » General Chit Chat » CSS Help!

Pages: (2): « First « 1 [ 2 ] Last »
CSS Help!
Author: Message:
Eddie
Veteran Member
*****


Posts: 2078
Reputation: 30
32 / Male / Flag
Joined: Oct 2005
Status: Away
O.P. RE: CSS Help!
quote:
Originally posted by Napbree
Here's an example I just coded up: You should be able to learn from it ;)

http://skoolfun.com/center.htm

Hope it helps :)
Cool, but box to big and i dont understand how you did that because you just told me to delete the height attribute!
quote:
Originally posted by hmaster
Try this: http://exanimo.com/examples/css/vertical-centerin...-floated-shim.html

Source: http://exanimo.com/css/vertical-centering-with-a-floated-shim/
i could of done a search but i decided to ask here because its easier and i get multiple opinions.
quote:
Originally posted by .Lou
for the vertical alignment:
code:
div {
vertical-align:middle;
}

will try that thanks.

i will edit once tried these. thanks.
...there used to be a signature here :)
06-09-2007 12:49 PM
Profile PM Web Find Quote Report
albert
Veteran Member
*****

Avatar

Posts: 2247
Reputation: 42
– / Male / Flag
Joined: Feb 2005
RE: CSS Help!
The easy way to do this?

Simply put everything you want aligned in an another div, and on the html page write.

code:
<div align='center>
     <div class='container>
     </div>
</div>


Saves you from a bunch of problems to center-it horizontally. As for the vertical, depending on how big your container is (e.g. 40%), you would simply have to do : (100% - 40%) /  2, and then use the result ( 30% here) and use it as top in your position propriety.

code:
#container
{
position:relative;
top:30%;
}


This post was edited on 06-09-2007 at 02:59 PM by albert.
06-09-2007 02:56 PM
Profile E-Mail PM Web Find Quote Report
ayjay
Senior Member
****

Avatar

Posts: 850
Reputation: 58
– / Male / Flag
Joined: Mar 2004
RE: CSS Help!
quote:
Originally posted by alby
As for the vertical, depending on how big your container is (e.g. 40%), you would simply have to do : (100% - 40%) /  2, and then use the result ( 30% here) and use it as top in your position propriety.

That's fine if you have a fixed size, which he doesn't :P
06-09-2007 03:17 PM
Profile PM Find Quote Report
Lou
Veteran Member
*****

Avatar

Posts: 2475
Reputation: 43
– / Male / Flag
Joined: Aug 2004
RE: CSS Help!
quote:
Originally posted by alby
code:
<div align='center>
     <div class='container>
     </div>
</div>

First of all, that's incorrect. Also, it's not xhtml valid.
code:
<div style="align:center;">
<div class="container">
stuff here
</div>
</div>
[Image: msghelp.net.png]
The future holds bright things in it\\\'s path, but only time will tell what they are and where they come from.
Messenger Stuff Forums
06-09-2007 04:10 PM
Profile PM Web Find Quote Report
Eddie
Veteran Member
*****


Posts: 2078
Reputation: 30
32 / Male / Flag
Joined: Oct 2005
Status: Away
O.P. RE: CSS Help!
quote:
Originally posted by .Lou
quote:
Originally posted by alby
code:
<div align='center>
     <div class='container>
     </div>
</div>

First of all, that's incorrect. Also, it's not xhtml valid.
code:
<div style="align:center;">
<div class="container">
stuff here
</div>
</div>

Cheers, will try that tomorrow :)
...there used to be a signature here :)
06-09-2007 04:23 PM
Profile PM Web Find Quote Report
Eddie
Veteran Member
*****


Posts: 2078
Reputation: 30
32 / Male / Flag
Joined: Oct 2005
Status: Away
O.P. RE: CSS Help!
i had a fiddle with these different methods, none of which worked *-)
...there used to be a signature here :)
06-11-2007 12:47 PM
Profile PM Web Find Quote Report
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
Rate This Thread:

Forum Jump:

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