Relative position of video in ff and ie - HTML & CSS - Scripting

Not logged in - Login | Register

Wow Web Designs Forums > Scripting > HTML & CSS > Relative position of video in ff and ie

Relative position of video in ff and ie

Moderated by: Aycan

New Topic

Author

Post

mvworld
Member

Joined:	Wed Dec 19th, 2007
Location:
Posts:	3
Status:	Offline
Mana:

Posted: Thu Dec 20th, 2007 01:05 am

Quote

After struggling with this for a few weeks I came to the realization that I should consult the experts! So here it is.. I have used css to create the relative position of the video on this page however it seems to have shifted the page over in ff.

http://www.44northmedia.com

Here is the css http://www.avr1612.com/vid906/rel.css

I am open to any suggestions.

Thank you

Last edited on Thu Dec 20th, 2007 01:06 am by mvworld

TomWhitney
Member

Joined:	Fri Dec 30th, 2005
Location:	Phoenix, Arizona USA
Posts:	102
Status:	Offline
Mana:

Posted: Thu Dec 20th, 2007 06:13 pm

Quote

It is because you have a 850 pixel wide table inside a 750 pixel wide div.

#ratio {
    text-align: left;
    width: 850px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border:0px #FFF solid;
}

Either change your div to 850 or change the table and td widths to 750. The more common width is the 750 which will fit in a browser at full screen on an 800 by 600 width monitor size.

I would also recommend putting the #ratio code together with the rest of the CSS and putting it all in an external style sheet.

Tom Whitney

Computer Consultants in Phoenix Arizona
Phoenix Arizona Computer Consultants

mvworld
Member

Joined:	Wed Dec 19th, 2007
Location:
Posts:	3
Status:	Offline
Mana:

Posted: Thu Dec 20th, 2007 11:54 pm

Quote

HI Tom

Thank you very much!! It now looks correct. I have placed that css file in a different directory. I see what you are talking about placing all the css together. I wanted to seperate the css that supports just the video as it may go onto other websites that we do not want to touch the existing css files.

Again thank you for your help,

Eddy

TomWhitney
Member

Joined:	Fri Dec 30th, 2005
Location:	Phoenix, Arizona USA
Posts:	102
Status:	Offline
Mana:

Posted: Fri Dec 21st, 2007 04:45 am

Quote

The CSS code below,

#ratio {
    text-align: left;
    width: 850px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border:0px #FFF solid;
}

Doesn’t really have much to do with the video. It centers the main content, and sets the background and text align for any inner elements.

    width: 850px;
    margin-left: auto;
    margin-right: auto;

Setting a fixed width and setting left and right margins to auto will center the div.

display: block;

Is not needed, as the default for a div is block.

border:0px #FFF solid;

Is not needed as the default is no border.

This is what is supports the video.

Tom Whitney - SharkZone Design - Glendale Arizona Web Design
Web Design in Phoenix Arizona

mvworld
Member

Joined:	Wed Dec 19th, 2007
Location:
Posts:	3
Status:	Offline
Mana:

Posted: Sat Dec 22nd, 2007 12:58 am

Quote

Hi Tom

I tried removing the css and just leaving the:

<div style="position:relative;">
<div id="flashcontent2" style="position:absolute; top:10px; left:720px; z-index:999;"></div>

But then the video does not stay in the sameplace when you view the site in a different browser settings.

Here is the same site with out the css when I try it with different browser settings the video shows up in diferent places. http://www.44northmedia.com/indexnocss.html

Happy Holidays!

Eddy

resource004
Member

Joined:	Fri Apr 4th, 2008
Location:
Posts:	63
Status:	Offline
Mana:

Posted: Thu Apr 24th, 2008 07:24 am

Quote

Hi Friends,
Do you have any problem in web designing and development or do you want any kind of help in PHP/MYSQL or you need reliable and cheap web hosting or have any problem in E-commerce solutions then go to this site http://www.pakandu.com/contactus.php ,
It is a company of web designing and development and it have a great web designers, developers and Programmers.
When I got in any problem of web designing /development and Programming or I need reliable web hosting or facing any problem in E-commerce Solutions then I just go to this site and ask them the solution of my problem and they always provide me best solution for my problem.
So do you have any above problems then contact them without any hesitation.

Regards,

Resource

Current time is 11:56 pm