HELP!: find window width? Center a <div>?

Kingherc · 07-05-2003, 11:23 PM

Well here's my problem (a JavaScript problem i think):

I have a <div> on my page. I want that div to be shown over the document. But I also want the div to be in the exact center of the page or it won't look right.

I have tried many things, and played with the css styles of the position (top & left attributes). For a minute i got stuck on the ''left'' css attribute. The brightest solution was to enter 50% in the attribute but unfortunately that applies only to the edge, so the width exceeds the center and it doesn't look right again! I have the div's width but I don't know (well i don't know if it CAN happen) how to subtract it from a percantage like 50%-width would be great!

The next idea was to divide the window's width by two and then subtract the half of the div's width. But again, the window's width can only be determined in Netscape. In Internet Explorer I can't seem to find a way to find the window's width through JavaScript. Can anyone plz tell me how to find it??

(and my last solution was to put it inside the <center></center>, but that works only when the <div> is part of the document layer, which doesn't make it float over the document and, so, still doesn't seem right!)

Anyway, can anyone show me how to find the window's width in Internet Explorer or better yet how to center a ''floating'' div?? Thx 4 all responsed!!

deadserious · 07-06-2003, 12:35 PM

I'm not sure if this exactly what you're after, but you can get the screen width and height with screen.width and screen.height.

Example:

Code:

<script language="javascript">
var width = screen.width
var height = screen.height
document.write("Width: "+width+  " Height: " +height+"")

I'm not sure about centering the floating div though. Can you post the code you're using here? That may help give me a better idea.

07-05-2003, 11:23 PM	#1 (permalink)
Kingherc First Time Poster! Join Date: Jul 2003 Posts: 1 2.00 NP$ (Donate)	HELP!: find window width? Center a <div>? Well here's my problem (a JavaScript problem i think): I have a <div> on my page. I want that div to be shown over the document. But I also want the div to be in the exact center of the page or it won't look right. I have tried many things, and played with the css styles of the position (top & left attributes). For a minute i got stuck on the ''left'' css attribute. The brightest solution was to enter 50% in the attribute but unfortunately that applies only to the edge, so the width exceeds the center and it doesn't look right again! I have the div's width but I don't know (well i don't know if it CAN happen) how to subtract it from a percantage like 50%-width would be great! The next idea was to divide the window's width by two and then subtract the half of the div's width. But again, the window's width can only be determined in Netscape. In Internet Explorer I can't seem to find a way to find the window's width through JavaScript. Can anyone plz tell me how to find it?? (and my last solution was to put it inside the <center></center>, but that works only when the <div> is part of the document layer, which doesn't make it float over the document and, so, still doesn't seem right!) Anyway, can anyone show me how to find the window's width in Internet Explorer or better yet how to center a ''floating'' div?? Thx 4 all responsed!!

07-06-2003, 12:35 PM	#2 (permalink)
deadserious Senior Member Join Date: Aug 2002 Posts: 1,300 2.85 NP$ (Donate)	I'm not sure if this exactly what you're after, but you can get the screen width and height with screen.width and screen.height. Example: Code: <script language="javascript"> var width = screen.width var height = screen.height document.write("Width: "+width+ " Height: " +height+"") I'm not sure about centering the floating div though. Can you post the code you're using here? That may help give me a better idea.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)