centered screen without using absolute positioning

[ala888]

So basically, Im trying to put a video file of variable size, both width and height, smack dab center of a page.

The current code I have is

 

.vid

{position:absolute;

top:0px

bottom:0px;

left:0px;

right:0px;

}

 

however, I have some other content at the top of the screen that might be potentially blocked by this approach.Is there any other method to center a video file without restricting its width/height, but at the same time force it to not infringe upon

the space of other elements?

[niche]

Use float

 

http://www.w3schools.com/cssref/pr_class_float.asp

[davej]

You want to re-size the video? You can't center the video and also guarantee that the items at the top will be visible.

[dsonesuk]

This does not give as match to work with?

 

1) what does .vid relate to? <video> tag using position absolute top:0 yada yada yada would stretch to first parent element using position: relative, else browser window. SO is this a full screen video display.

2) you could just use z-index with 0 value to place it behind the content using position: relative; with z-index: level higher.

3) other option is look up highslide, which give you jquery pop ups to show images, videos, html.

[ala888]

thanks, Ill go with the highslide