Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    Question IE7 layout help required

    on my site http://www.wildfire-digital.com/test/ciwf/video.asp

    the bottom box is appearing in the wrong place, can someone please help me?

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,744
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello jarv,
    That image is not contained in the box you want it in, it's kind of off by itself...
    If you put it in the container with the other images and float everything so it will sit beside each other you might have better luck.
    Try this instead:
    CSS
    Code:
    /*///////// end col on the left */ 
    
    
    /*///////// col on the mid */ 
    	
    .new {
    margin:13px 0px 0px 0px;
    background:#ffffff;
    height:169px;
    width:425px;
    border-left:#999999 1px solid;
    border-right:#999999 1px solid;
    border-bottom:#999999 1px solid;
    }
    .recentholder{
    	overflow:auto; 
    	width:266px; 
    	height:92px; 
    	white-space:nowrap; 
    	margin:5px 0 20px 17px;
    	float: left;}
    .new div {}
    .bottomimagelink{
    	width:98px; 
    	height:123px; 
    	float:right; 
    	margin: 0 5px 0 0;
     	background:#000;
    }
    .new h2 { 
    	font-weight:normal; font-size:12px; background:url(img/bg_title_long.gif) no-repeat; width:410px;padding:2px 0 0 15px; margin:0; color:#FFFFFF; height:17px; 	}	
    	
    .new h3 { color:
    markup
    Code:
      <script type="text/javascript">
                    // <![CDATA[			
                    var so = new SWFObject("videos/chicken.swf", "sotester", "425", "274", "9", "#000000");		
                    	
                    so.write("vid");
                        
                    // ]]>
                </script>
                
                        
    <div class="new clearfix">
    	<h2>Recent Content</h2>
    	<h3>Click an image to select a video</h3>
    	<div class="recentholder">
    		<img src="img/pic_7.jpg" alt="Video 1"><img src="img/pic_9.jpg" alt="Video 2"><img src="img/pic_6.jpg" alt="Video 3"><img src="img/pic_5.jpg" alt="Video 4">
    	</div>
    	<div class="bottomimagelink">
    		<img src="img/pic_big.jpg" width="98" height="123" alt="Playing Now">
    	</div>  
    <!--end new clearfix--></div>
    
      			</div>
    		
    
                
      <div class="right">
                
               	  <div class="one">
                  	<h2>Chapters</h2>
                    	<ul>
    
                            <li><a href="#">Introduction</a></li>
                            <li><a href="#">Our Achievements</a></li>
                            <li><a href="#">Our challenges ahead</a></li>
                            <li><a href="#">Your food</a></li>
                            <li><a href="#">Lorem Ipsum</a></li>
                            <li><a href="#">Dolor Emet</a></li>
                            <li><a href="#">Lorem Ipsum</a></li>
                            <li><a href="#">Dolor Emet</a></li>
                        </ul>               
                  </
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    jarv (02-12-2009)

  • #3
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    Thank you so much Excavator, you are the best!

  • #4
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    http://www.wildfire-digital.com/test/ciwf/video.asp

    my video is all messed up again, it's dropped down in FireFox, please help?!

    J

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Please always try to fix the errors in your markup, before asking for help.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Please always try to fix the errors in your markup, before asking for help.
    Hi, I have tried this, most errors lie in the FLV player and can't be fixed?!

  • #7
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    can someone please help me out here?

  • #8
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    Unhappy

    Video page

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Compassion in world farming</title>
    
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
    function open_win() 
    {
    window.open('http://www.wildfire-digital.com/test/autotradertv/contact.asp','','scrollbars=no,menubar=no,height=250,width=400,resizable=no,toolbar=no,location=no,status=no')
    }
    function open_win1()
    {
    window.open('http://www.wildfire-digital.com/test/autotradertv/feedback.asp','','scrollbars=no,menubar=no,height=300,width=400,resizable=no,toolbar=no,location=no,status=no')
    }
    </script>
    
    <!--#include file="includes/functionlib.asp"-->
    <%
    opendb()
    
    set rs1 = objconn.execute("SELECT * FROM Category INNER JOIN SubCategory ON Category.CategoryID=SubCategory.CategoryID")
    
    %>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    
    <body>
    <div id="tophead">
    	<div class="toplogo"><img src="img/compassion-logo.jpg" border="0" alt="Autotrader TV logo"/></div>
    	<div id="topwhitebanner">
        <div class="whitetextop">Welcome to Compassion in World Farming TV - Compassion's internet streaming video portal.</div>
        	<div id="topholder">   
        	</div>
        </div>
    </div>
    <div id="wrap">           
    <div id="content" class="clearfix">
                              
              <div class="left">
              <span class="one">
              <h2>Select</h2>
              </span>
                <ul>
                  <%
    
    		chkCategory = ""
    		Do While Not rs1.EOF
    		'---if both the values are different then it will print the category
    		if (chkCategory  <>  rs1("Category.CategoryID")) then
    			response.Write("<li class=""category"">"& rs1("CategoryName") &"")
    			response.Write("</li>")
    		end if	
    		response.Write("<li class=""subcategory"">&nbsp;&nbsp;<a href=""player.asp?SubCategoryID="&rs1("SubCategoryID")&"&CategoryID="&rs1("Category.CategoryID")&""">"& rs1("SubCategory") &"</a>")
    		response.Write("</li>")
    		chkCategory  = rs1("Category.CategoryID")
    		rs1.MoveNext
    
    		Loop
    
    %>
                    </ul>                  
              </div>
                    <div id="mainholder">
                               <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','height','390','title','Alpine player','src','newvideo','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','newvideo' ); //end AC code
    </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="390" title="Alpine player">
                                 <param name="movie" value="newvideo.swf" />
                                 <param name="quality" value="high" />
                                 <embed src="newvideo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="390"></embed>
                               </object></noscript>
                               </div>
                        <div id="bottomholder">
                        <div class="bottomimagelink"><img src="img/pic_big.jpg" alt="Playing Now"/></div>  
                         
              <div id="floatright">
                <div class="right">             
                  <div class="two">
                  <h2>Get More</h2>
                    	<ul>
                            <li><a href="video.swf.zip">Download video</a></li>
                            <li><a href="#">Transcript</a></li>
                            <li><a href="http://www.autotrader.co.uk" target="_blank">Link to website</a></li>
                            <li><a href="http://www.zstats.com/" target="_blank">View tracking</a></li>
                            <li><a onclick="open_win()" class="cursor">Email to a friend</a></li>
                          	<li><a onclick="open_win1()" class="cursor">Feedback/request content</a></li>
                        </ul>
                  </div>
      			</div>
                </div>
           		
            		<div class="new clearfix">
                       	<h2>Recent Content</h2>
                        	<h3>Click an image to select a video</h3>                    
                            <div class="recentholder"><img src="img/pic_7.jpg" alt="Video 1" /><img src="img/pic_9.jpg" alt="Video 2" /><img src="img/pic_6.jpg" alt="Video 3" /><img src="img/pic_5.jpg" alt="Video 4" /></div>
               	  	
                    </div>
      	        
             </div>
    		
    
                
      
         
                </div>
      <div id="footer">&copy; Compassion in world farming All rights reserved</div>
            
    </div>
    <div id="bottomfooter"></div>
    </body>
    </html>
    CSS
    Code:
    @charset "UTF-8";
    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
    
    .clearfix {display: block;}
    #floatright { float:right;}
    .clearthis {
    	clear: both;
    	font-size: 1px;
    	line-height: 1px;
    	display: block;
    	color: #f00;
    	}
    
    /*///////// Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /*///////// End hide from IE-mac */
    
    /*/////////  */
    .StyleSheetHiddenPlaceHolder  {
    	display : none;
    }
    
    /*///////// ///////////*/
    
    body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3{
    font-family: arial, tahoma, Sans-Serif;
    font-size:13px;
    color:#333;		
    }
    
    BODY {	margin:0px 0 0em 0; 
    		padding:0px; 			
    		text-align:center;
    		background-color:#ededed;
    		}
    		
    body.video {
    		margin:0px 0 0em 0; 
    		padding:0px; 			
    		text-align:left;
    		}
    		
    
    		
    a {color:#000;text-decoration:underline;}
    a:hover {text-decoration:none;}
    
    img { border: none; }
    
    h1 {
    	padding:0 0 0 0px;
    	margin:0 0 .4em 0px;
    	font-size:26px;
    	font-weight:normal;
    	}
    
    	
    h2{		
    	padding:0 0 0 0px;
    	margin:0 0 .4em 0px;
    	font-size:24px;	
    	font-weight:normal;
    	}
    	
    		
    h3{	
    	width:90%;
    	font-size:14px;
    	margin:0 0 .6em 0px;	
    	padding:0 0 0px 0;	
    	border:0;
    	color:#990000;
    	}
    	
    
    h4{	
    	font-size:13px;
    	margin:0 0 .4em 0px;	
    	padding:0 0 0px 0;
    	color:#666666;
    	font-weight:normal;	
    	}
    	
    p{
    	line-height:1.3em;
    	margin:0 0 1em 0;
    	padding:0;
    	
    	}
    	
    	
    form {
    	padding:0;
    	margin:0;
    	}
    	
    fieldset {
    	border:none;
    	padding:0;
    	margin:0;
    	}
    	
    legend {
    	display:none;
    	}
    	
    	ul{}
    	
    	li {margin:0 10px .5em 0}
    	
    	table { border-collapse:collapse; margin:1.5em 0 3em 0; width:100%;}
    	
    	td, th {vertical-align:top; width:33%; padding-right:10px; font-size:14px;}
    	
    
    
    /*/////////   main layout  ///////////*/
    		
    #wrap{	width:1060px;			
    		margin:0 auto;  											
    		z-index:0;	
    		text-align:left;		
    		padding:0;		
    		}
    		
    .video #wrap {border:0; width:800px;}		
    
    .head{	width:900px;
    		padding:10px 30px 0px 20px;
    		background:#fff url(img/bg_head.gif) 0 68px no-repeat;	
    		border-bottom:3px solid #AEAEAE;
    		height:85px;	
    		position:relative		
    		}	
    
    #content {width:1030px; background: #FFFFFF url(img/cracking-egg.jpg) no-repeat bottom left; padding:15px; border:#b5b5b5 2px solid;}
    
    .left {float:left; height:380px; display:block; color:#000000;}
    		
    iframe	{float:left;
    		margin:0 0 0 20px;
    		width:670px;
    		height:459px;
    		border:0;
    		padding:0;}
    		
    .mid, .right {width:425px;}
    #mainholder {padding-left:15px; float:left; width:780px; padding-bottom:10px; }
    .right {width:220px; margin-left:20px; }
    
    #tophead { background-repeat:repeat; margin-bottom:24px; background-color:#FFFFFF; }
    
    #topwhitebanner{ height:39px; background-color:#FFFFFF; background-image:url(img/top_bg.gif); background-repeat:repeat-x; border-top:#61bf31 6px solid;}
    #topholder{ width:952px; margin: 0px auto; }
    
    .topmidbuttons{ width:189px; margin: 0px auto;}
    	
    /*/////////      header     ///////////*/
    .toplogo{width:952px; height:77px; margin: 0px auto; display:block; text-align:left;  }
    .whitetextop{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; padding-top:8px;}
    .head .info {float:right; text-align:right;}
    .head .logo {float:left;}
    .toprightinfo{float:right; padding-top:10px;}
    .toprightinfo a:link{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    .toprightinfo a:hover{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    .toprightinfo a:visited{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    .toprightinfo a:active{ font-family:Arial, Helvetica, sans-serif; color:#F62700; text-decoration:none;}
    
    .head a, .head a:visited {color:#cccccc;}
    .head p {font-size:11px; margin:0 0 .7em 0;}
    
    .head #nav {
    				background:url(img/bg_links.gif) no-repeat;				
    				height:18px;				
    				display:block;
    				position:absolute;
    				left:33px;
    				top:71px;
    				color:#FFFFFF;
    }
    				
    #nav ul {
    	display:block;
    	position:relative;
    	margin:0;
    	padding:0 15px 0 5px;		
    	float:left;		
    	}
    	
    	#nav  li {	
    	list-style-type:none;
    	margin:1px 0px 0 6px;
    	padding:0;
    	float:left;		
    	}
    		
    	#nav li a, #nav li a:visited{	
    	display: block;	
    	text-indent:-3000em;		
    	background-repeat:no-repeat;	
    	height:16px;	
    	}
    	
    	#nav li a:hover{	
    	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
    	}	
    	
    	#nav li#home a, #nav li#home a:visited{background-image:url(img/n_home.gif); width:18px;}		
    	#nav li#back a, #nav li#back a:visited{background-image:url(img/n_back.gif); width:20px;}		
    	#nav li#fwd a, #nav li#fwd a:visited{background-image:url(img/n_fwd.gif); width:20px;}		
    
    /*/////////      end header     ///////////*/
    
    
    
    
    
    /*///////// col on the left */ 
    
    .left ul {	
    	overflow: auto;
    	padding:8px 5px 5px 15px;
    	margin:0px 0 10px 0;	
    	background:#76c538;
    	display:block; 
    	width:200px;	
    	height:356px;
    	}
    	
    	.left  li {	
    	list-style-type:none;
    	margin:0 0 0px 0;
    	padding:0 0 5px 0;
    	color:#000000;
    	line-height:13px;	
    	}
    	
    	.left li ul {	
    	padding:0px;
    	margin:3px 0 0 0;
    	}
    	
    	.left li li {	
    	list-style-type:none;
    	margin:0px 0px 5px 0px;
    	padding:0 0 0 15px;
    	background:url(img/bg_aro.gif) 0 2px  no-repeat;
    	font-size:11px;	
    	line-height:9px;
    	}
    	
    	.left li li a,  .left li li a:visited{	
    	text-decoration:none;
    	}
    	
    	.left li li a:hover{	
    	text-decoration:underline;
    	}
    		
    	.cursor{cursor:pointer;}	
    .subcategory{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:10px;
    line-height:12px;
     color:#000000;
    
    }
    .category{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
     color:#000000;
    
    }
    /*///////// end col on the left */ 
    
    
    /*///////// col on the mid */ 
    	
    .new {
    margin:13px 0px 0px 0px;
    background:#ffffff;
    height:169px;
    width:482px;
    border-left:#999999 1px solid;
    border-right:#999999 1px solid;
    border-bottom:#999999 1px solid;
    }
    .recentholder{height:100%;}
    .new div {overflow:auto; width:266px; height:92px; white-space:nowrap; margin:5px 0 20px 17px;}
    
    .bottomimagelink{width:104px; height:127px; float:right; margin-left:310px; margin-top:19px; padding:13px 10px 10px 0px; background:#ffffff; position:absolute;}
    .new h2 { 
    	font-weight:normal; font-size:12px; background:url(img/bg_title_long.gif) no-repeat; width:467px;padding:2px 0 0 15px; margin:0; color:#FFFFFF; height:17px; 	}	
    	
    .new h3 { color:#999999; margin:0; padding:8px 0px 0px 20px; font-size:12px; text-align:left;}
    .new p { margin:0 140px 0 0; padding:3px 0px 0px; font-size:11px;text-align:right}
    
    .new img {margin-right:10px;}
    
    .mid {background:url(img/bg_video.png) no-repeat 0; width:426px;}
    
    #botmidhold {height:170px; width:425px; background-color:#550206;}
    	
    /*///////// end col on the mid */
    
    		
    /*///////// col on the right */ 
    
    .right .two { color:#FFFFFF; font-weight:bold; width:302px; background:#92a182; height:170px; float:right;}
    
    .right .one { width:220px; background:#4d6d79; height:274px; margin-bottom:15px; }
    
    
    .one h2 { 
    	font-weight:normal; font-size:12px; background:url(img/bg_title.gif) no-repeat; padding:2px 10px 0;
    width:302px; margin:0; color:#FFFFFF; height:17px; 	}
    
    .two h2 { 
    	font-weight:normal; font-size:12px; background:url(img/bg_title2.gif) no-repeat; padding:2px 10px 0;
    width:302px; margin:0; color:#FFFFFF; height:17px; 	}
    
    .two ul { color:#FFFFFF;padding:0px 10px 0px 10px;
    	margin:10px 0;
    	list-style-type:none;}
    	
    	.two ul li{padding:0px;
    	margin:0px 0 3px 0;
    	list-style-type:none;
    	font-size:11px}
    	
    .one ul {padding:0px;
    	margin:0px 0 0px 0;
    	list-style-type:none;}
    	
    	.one ul li{padding:0px;
    	margin:0px 0 0px 0;
    	list-style-type:none;}
    	
    .one ul li a, .one ul li a:visited{
    width:210px;padding:3px 0 0 10px; margin:0; color:#ffffff; height:20px; 
    background:url(img/bg_nav.gif) no-repeat;
    display:block;
    text-decoration:none;
    font-size:11px;}
    
    .one ul li a:hover{
    background:url(img/bg_nav_over.gif) no-repeat;
    }
    	
    .two span {float:right; color:#FFFFFF;}	
    .two  a, .two a:visited{ color:#FFFFFF;text-decoration:none;} 
    .two a:hover{ color:#FFFFFF;text-decoration:underline;}
    #bottomholder { clear:both; height:170px; width:800px; margin-left:235px; } 
    	
    /*///////// end col on the right */
    
    
    /*/////////      footer     ///////////*/
    	
    	
    	#footer {	
    	background:#61be31;
    	padding:3px 0px 3px 15px;		
    	color:#ffffff;
    	font-size:12px;
    	height:20px;
    	margin-bottom:20px;
    	width:1049px;
    	}
    	#footer p{	
    	padding:0 0px .6em 0;
    	margin:0;		
    	color:#666666
    	}
    	
    	#footer span {float:right;}
    
    	#footer a, #footer a:visited {color:#fff; text-decoration:underline}
    	#footer a:hover { text-decoration:none}
    	
    
    	
    	/*/////////    end   footer     ///////////*/ 
    		
    
    		
    #emailer{
    
    padding:15px;
    float:left;
    margin-top:0px;
    text-align:left;
    height:250px;
    width:400px;
    background-color:#540105;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#FFF;	
    
    }
    .imagelink{
    
    float:right;
    }

  • #9
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Hi Jarv, aside from embedding issues this code validates:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>Compassion in world farming</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
    function open_win() 
    {
    window.open('http://www.wildfire-digital.com/test/autotradertv/contact.asp','','scrollbars=no,menubar=no,height=250,width=400,resizable=no,toolbar=no,location=no,status=no')
    }
    function open_win1()
    {
    window.open('http://www.wildfire-digital.com/test/autotradertv/feedback.asp','','scrollbars=no,menubar=no,height=300,width=400,resizable=no,toolbar=no,location=no,status=no')
    }
    </script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    <body>
    <div id="tophead">
      <div class="toplogo">
        <img src="img/compassion-logo.jpg" alt="Autotrader TV logo"/>
      </div>
      <div id="topwhitebanner">
        <div class="whitetextop">
          Welcome to Compassion in World Farming TV - Compassion's internet streaming video portal.
        </div>
        <div id="topholder">
        </div>
      </div>
    </div>
    <div id="wrap">
      <div id="content" class="clearfix">
        <div class="left">
          <h2><span class="one">Select</span></h2>
          <ul>
            <li class="category">Corporate</li>
            <li class="subcategory">&nbsp;&nbsp;<a href="player.asp?SubCategoryID=1&amp;CategoryID=1">About us</a></li>
            <li class="subcategory">&nbsp;&nbsp;<a href="player.asp?SubCategoryID=2&amp;CategoryID=1">Press Releases</a></li>
            <li class="subcategory">&nbsp;&nbsp;<a href="player.asp?SubCategoryID=3&amp;CategoryID=1">What We Do</a></li>
            <li class="category">Campaigns</li>
            <li class="subcategory">&nbsp;&nbsp;<a href="player.asp?SubCategoryID=4&amp;CategoryID=3">Long Distance Transport</a></li>
            <li class="subcategory">&nbsp;&nbsp;<a href="player.asp?SubCategoryID=5&amp;CategoryID=3">Pig Farming</a></li>
            <li class="subcategory">&nbsp;&nbsp;<a href="player.asp?SubCategoryID=6&amp;CategoryID=3">Chickens Out</a></li>
            <li class="category">Case Studies</li>
            <li class="subcategory">&nbsp;&nbsp;<a href="player.asp?SubCategoryID=7&amp;CategoryID=4">Good Eggs</a></li>
          </ul>
        </div> <!-- Close Left -->
        <div id="mainholder">
          <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','height','390','title','Alpine player','src','newvideo','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','newvideo' ); //end AC code 
          </script>
          <noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="390" title="Alpine player">
              <param name="movie" value="newvideo.swf" />
              <param name="quality" value="high" />
              <embed src="newvideo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="390"></embed>
            </object>
          </noscript>
        </div> <!-- Close Mainholder -->
        <div id="bottomholder">
          <div class="bottomimagelink">
            <img src="img/pic_big.jpg" alt="Playing Now"/>
          </div>
          <div id="floatright">
            <div class="right">
              <div class="two">
                <h2>Get More</h2>
                <ul>
                  <li><a href="video.swf.zip">Download video</a></li>
                  <li><a href="#">Transcript</a></li>
                  <li><a href="http://www.autotrader.co.uk">Link to website</a></li>
                  <li><a href="http://www.zstats.com/">View tracking</a></li>
                  <li><a onclick="open_win()" class="cursor">Email to a friend</a></li>
                  <li><a onclick="open_win1()" class="cursor">Feedback/request content</a></li>
                </ul>
              </div> <!-- Close Two -->
            </div> <!-- Close Right -->
          </div> <!-- Close Floatright, still in bottomholder -->
          <div class="new clearfix">
            <h2>Recent Content</h2>
            <h3>Click an image to select a video</h3>
            <div class="recentholder">
              <img src="img/pic_7.jpg" alt="Video 1" />
              <img src="img/pic_9.jpg" alt="Video 2" />
              <img src="img/pic_6.jpg" alt="Video 3" />
              <img src="img/pic_5.jpg" alt="Video 4" />
            </div> <!-- Close Recentholder -->
          </div> <!-- Close New Clearfix -->
        </div> <!-- Close Bottomholder -->
      </div> <!-- Close Clearfix -->
      <div id="footer">
        &copy; Compassion in world farming All rights reserved
      </div>
    </div> <!-- Close Wrap -->
    <div id="bottomfooter">
    </div>
    </body>
    </html>
    You'll have to re-insert your PHP stuff but start with this, then use firebug to make your adjustments. Once FF is behaving tackle IE separately.
    Last edited by Rowsdower!; 03-05-2009 at 05:43 PM. Reason: cleaning up code...
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #10
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    Thanks for your help Rowsdower!


  •  

    Posting Permissions

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