Align text in the browser window....

**NoteMe** · Mar 22nd, 2004, 09:56 AM

Is it possible to use CSS to align a div with text to the center of the browser window.

If I use

margin-left: auto;
margin-right: auto;

I can align it to the center horizontaly, but how do I do it verticaly too?

PS: There is no scroolbars on the page.

**Acidic** · Mar 22nd, 2004, 10:07 AM

Your code doesn't centre it in FireFox or IE. This will move it to a certain opint, but I'm not sure how to centre it inpedendent of the resolution, I'd use JavaScript.

Code:

div[id=MyDiv] {
margin-left: 200px;
margin-top: 500px
}

**NoteMe** · Mar 22nd, 2004, 10:47 AM

My code are centering it horizontally in IE, FireFox, and FireBird....

...have tested it...

Yeah I guess I could use JS, but I was hoping I didn't have to use it. I am not good at it and the cource I am taking is just using (X)HTML, CSS, PHP, MySCL, and no JS...

**vbNeo** · Mar 22nd, 2004, 11:53 AM

Originally posted by NoteMe
My code are centering it horizontally in IE, FireFox, and FireBird.......have tested it...

Yeah I guess I could use JS, but I was hoping I didn't have to use it. I am not good at it and the cource I am taking is just using (X)HTML, CSS, PHP, MySCL, and no JS...

***** the course then, JavaScript is one of the most important tools of good design and interactivity, you need it...

Cheers!

**NoteMe** · Mar 22nd, 2004, 12:08 PM

Yeah, failing the cource and not get my batcher is the way to go to make this happen.....think I will redesign the site rather then use JS...sorry...

**vbNeo** · Mar 22nd, 2004, 12:20 PM

Originally posted by NoteMe
Yeah, failing the cource and not get my batcher is the way to go to make this happen.....think I will redesign the site rather then use JS...sorry...

Whatever you say, the course is sucky since it doesn't include one of the most important client side scripting languages... Go beat up the guy who made it or something like that... And how can you fail it by improvising? Doesn't it just show that you can do more than what 'they' expect?

**The Hobo** · Mar 22nd, 2004, 02:44 PM

Originally posted by vbNeo
***** the course then

This is about the stupidest statement I've read all day.

**vbNeo** · Mar 22nd, 2004, 02:50 PM

Originally posted by The Hobo
This is about the stupidest statement I've read all day.

Means I'm good at SOMETHING

**Acidic** · Mar 22nd, 2004, 03:20 PM

Originally posted by NoteMe
My code are centering it horizontally in IE, FireFox, and FireBird.......have tested it...(

Could you post the code as it is in your page please? I just want to see why it didn't work for me.

**NoteMe** · Mar 22nd, 2004, 03:54 PM

Originally posted by vbNeo
Whatever you say, the course is sucky since it doesn't include one of the most important client side scripting languages... Go beat up the guy who made it or something like that... And how can you fail it by improvising? Doesn't it just show that you can do more than what 'they' expect?

Thats like doing your ASM project in VB and tell the teacher that you know more then the course...you are not answering the question, and you will fail...

**NoteMe** · Mar 22nd, 2004, 03:54 PM

Originally posted by The Hobo
This is about the stupidest statement I've read all day.

Thanks...at least someone understands me....

**NoteMe** · Mar 22nd, 2004, 03:55 PM

Originally posted by Acidic
Could you post the code as it is in your page please? I just want to see why it didn't work for me.

Will hook up my laptop right away, and post it....

**NoteMe** · Mar 22nd, 2004, 04:01 PM

Or even better here it is...

http://www.noteme.com/web/noteme.shtml

**Acidic** · Mar 22nd, 2004, 04:19 PM

OK, I don't think it can be done. Sorry.

Maybe just make it a certain distance from the top using margin-top: 150px;

I know this wouldn't look nice on all resolutions but it would guarantee enough space for a banner.

**NoteMe** · Mar 22nd, 2004, 04:24 PM

Yeah but the problem is when the browser window is resized....well well...I guess I could try to do something like this guy have done with the grey boarders around the text...not sure if it would work tho'...

www.bersvendsen.com

**CornedBee** · Mar 23rd, 2004, 06:00 AM

It can be done, but only for a pixel-fixed height.

http://www.wpdfd.com/editorial/thebox/deadcentre4.html

JavaScript is not an important design tool. A page should not lose any design element just because of disabled JavaScript. Even popup menus can be done in CSS in compliant browsers. But the important thing is to degrade gracefully in case of missing JS.

**NoteMe** · Mar 24th, 2004, 01:57 PM

Ohhh...my...god...CornedBee...

...I have done so much effort to work around it....

...and I am delivering it tomorrow, and I am nearly finished. And first now I saw your post...

...well....at least thanks for the link. Will remember that CSS so I can use it in an other project later. Thanks a LOT...

Thread: Align text in the browser window....

Thread Tools

Display

Align text in the browser window....

Posting Permissions