Printable View
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.
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
}
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...Quote:
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...:(
Cheers!
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?Quote:
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...
This is about the stupidest statement I've read all day.Quote:
Originally posted by vbNeo
***** the course then
Means I'm good at SOMETHING :pQuote:
Originally posted by The Hobo
This is about the stupidest statement I've read all day.
Could you post the code as it is in your page please? I just want to see why it didn't work for me.Quote:
Originally posted by NoteMe
My code are centering it horizontally in IE, FireFox, and FireBird....;)...have tested it...(
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...Quote:
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?
Thanks...at least someone understands me....Quote:
Originally posted by The Hobo
This is about the stupidest statement I've read all day.
Quote:
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....
Or even better here it is...
http://www.noteme.com/web/noteme.shtml
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.
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
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.
Ohhh...my...god...CornedBee...:D...I have done so much effort to work around it....:D...and I am delivering it tomorrow, and I am nearly finished. And first now I saw your post...:D...well....at least thanks for the link. Will remember that CSS so I can use it in an other project later. Thanks a LOT...