www.webdeveloper.com
Results 1 to 4 of 4

Thread: Flash Videos ( You tube) ok in IE, off center in Firefox, Safari

  1. #1
    Join Date
    Sep 2007
    Posts
    2

    Flash Videos ( You tube) ok in IE, off center in Firefox, Safari

    Hello,

    I am having a problem with html coding. In the Internet Explorer browser, you tube videos are displaying in the right pixel locations when I set the values (i.e <div class="nav" position: "absolute" left: "445px" top: 350px".....etc). However, in Safari and Firefox browsers, the video is off center. It is not lining up with the graphic in the background. How do I fix this issue? Please assist, I am working on a large project.

    Thank you in advance

    -htentceo

  2. #2
    Join Date
    May 2007
    Location
    Cleveland, OH
    Posts
    1,403
    If you really want to use in line styles instead of doing it the proper way (css), you have to define that is in fact a style.

    HTML Code:
    <div class="nav" style="position:absolute;left:445px;top:350px">

  3. #3
    Join Date
    Sep 2007
    Posts
    2
    Quote Originally Posted by TJ111
    If you really want to use in line styles instead of doing it the proper way (css), you have to define that is in fact a style.

    HTML Code:
    <div class="nav" style="position:absolute;left:445px;top:350px">

    Oh ok. So will scripting the html page in css fix the problem all together? Will the videos and other content position itself consistently on all browsers?

    Thank you so much for the prompt response,

    regards,

    htentceo-

  4. #4
    Join Date
    May 2007
    Location
    Cleveland, OH
    Posts
    1,403
    All browser's behave slightly differently. IE will have you pulling your hair out. But defining every item in CSS and using classes or id's to each object make it much easier to fix. It also makes writing your HTML much easier, and reading it significantly cleaner. Do this:

    In your CSS:
    Code:
    .nav {
      position:absolute;
      left:445px;
      top:350px
    }
    Then on your page all you need is this:
    HTML Code:
    <div class="nav">

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles