Welcome guest. Before posting on our computer help forum, you must register. Click here it's easy and free.

« previous next »
Pages: [1]   Go Down

Author Topic: Web design not working on internet explorer  (Read 10776 times)

0 Members and 1 Guest are viewing this topic.

bgphotoo

    Topic Starter


    Rookie
    Web design not working on internet explorer
    « on: December 05, 2010, 08:18:05 AM »
    I am designing a site using a template with Expression web & Dreamweaver. It is working on all browsers but Internet Explorer. I don't know anything about code. Can anyone help me with this problem. Here is the 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">

    <!-- #BeginTemplate "Templates/primary.dwt" -->

    <head>
    <!-- #BeginEditable "meta" -->
    <title>Welcome</title>
    <meta name="Keywords" content="place your keywords here" />
    <meta name="Description" content="place a description for your webpage here" />
    <!-- #EndEditable -->

    <!-- language content -->
    <meta name="language" content="en-US" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- fixed styles -->
    <link href="Site/styles/styles.css" rel="stylesheet" type="text/css" />
    <link href="Site/styles/primary.css" rel="stylesheet" type="text/css" />
    <!-- column styles -->
    <!-- #BeginEditable "styles" -->

    <style type="text/css">
    #column1_wrapper   {width:100%;       border:0px;}
    #left1col         {width:250px;      float:left;  padding:90px 0px 0px 20px;}
    #left1pad         {width:0px;         float:left;}
    #right1col         {width:0px;         float:right;}
    #right1pad         {width:0px;         float:right;}
    #center1col         {margin-left:280px; margin-right:0px; padding:0px 20px 0px 0px;}

    #header_bg         {background:url('Site/themed_images/primary_themed_bg.jpg') no-repeat center 40px; height:360px;}
    </style>


    <!-- #EndEditable -->

    <!-- #BeginEditable "flash_variables" -->
    <script type="text/javascript">
    // if this page is in:
    //   the root folder, then set this variable to ./
    //   a sub folder one level deep, then set this variable to ../
    //   a sub folder two levels deep, then set this variable to ../../
    var flashRootLocation = "./";
    var flashConfigLocation = "config";
    var flashConfigType = "xml"; // either xml or php
    </script>

    <!-- #EndEditable -->

    <!-- Flash scripting -->
    <script type="text/javascript" src="Site/javascript/special_functions.js"></script>
    <script type="text/javascript" src="Site/logo/js/sifr.js"></script>
    <script type="text/javascript" src="Site/logo/js/sifr-debug.js"></script>
    <script type="text/javascript" src="Site/logo/js/sifr-config.js"></script>
    <script type="text/javascript" src="Site/flash/js/swfobject.js"></script>

    <!-- Menu scripting -->
    <script type="text/javascript" src="Site/javascript/jquery.min.js"></script>
    <script type="text/javascript" src="Site/javascript/ddsmoothmenu.js">
    /***********************************************
    * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    </script>

    <!-- #BeginEditable "misc scripting" -->
    <!-- #EndEditable -->

    <!-- IE6 PNG fix scripting -->
    <!--[if lte IE 6]>
    <script type="text/javascript" src="Site/javascript/supersleight-min.js"></script>
    <![endif]-->

    <!-- IE6 style -->
    <!--[if lte IE 6]>
       <script>
       document.write('<link href="Site/styles/ie6.css" rel="stylesheet" type="text/css" />')
       </script>
          <noscript>
          <link href="Site/styles/ie6.css" rel="stylesheet" type="text/css" />
          </noscript>
    <![endif]-->

    </head>

    <body>

    <!-- main -->
    <div id="main">

    <!-- header -->
    <div id="header_bg">
       
       <div id="header_wr"><div id="header_l"></div><div id="header_r"></div><div id="header">

    <!-- header_bg-->
    <div class="header_bg"><div class="boxh"><div class="bth"><div></div></div><div class="i1h"><div class="i2h"><div class="i3h"><div class="boxh-inner"><div class="boxh-2"><div class="boxh-6"><div class="boxh-4"><div class="boxh-8"><div class="boxh-5"><div class="boxh-7"><div class="boxh-3"><div class="boxh-1"><div class="boxh-content">
                       
    </div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bbh"><div></div></div></div></div>
    <!-- /header_bg -->

    <!-- #BeginEditable "header" -->

                <!--portfolio-->
                <div id="portfolio_component">
                <!--webbot bot="Include" U-Include="Site/flash/portfolio/portfolio.htm" TAG="BODY" --></div>       
                <!--/portfolio-->
                
                <!--themed object-->
                <div id="themed_object" style="left: 216px; top: 8px">
                <!--webbot bot="Include" U-Include="Library/expression-fp/themed_object.htm" TAG="BODY" --></div>
                <!--/themed object-->
                
                <!--mp3-->
                <div id="mp3_component">
                <!--webbot bot="Include" U-Include="Site/flash/mp3/mp3.htm" TAG="BODY" --></div>       
                <!--/mp3-->
                
                <!--time_date-->
                <div id="time_date">
                <!--webbot bot="Include" U-Include="Library/expression-fp/time_date.htm" TAG="BODY" --></div>
                <!--/time_date-->
                
                <!--logo graphic-->
                <div id="logo">
                <!--webbot bot="Include" U-Include="Library/expression-fp/logo_graphic.htm" TAG="BODY" --></div>
                <!--/logo graphic-->
                
                <!--logo website name-->
                <div id="textlogo">
                <!--webbot bot="Include" U-Include="Library/expression-fp/logo.htm" TAG="BODY" --></div>     
                <!--/logo website name-->

                <!--logo tagline-->
                <div id="logo_tagline" style="left: 20px; top: 180px; height: 29px">
                   Sports Photography by Brent Guidry</div>     
                <!--/logo website name-->
                
                <!--bookmark-->
                <div id="bookmark">
                <!--webbot bot="Include" U-Include="Library/expression-fp/bookmark.htm" TAG="BODY" --></div>
                <!--/bookmark-->
                       
                <!-- menu top -->
                <script type="text/javascript">ddsmoothmenu.init({mainmenuid: "smoothmenu1", orientation: 'h', classname: 'ddsmoothmenu', contentsource: "markup" })</script>
                <div id="menu_top"><div class="menu_bg"><div id="smoothmenu1" class="ddsmoothmenu">
                <!--webbot bot="Include" U-Include="Library/expression-fp/menu_top.htm" TAG="BODY" --><br style="clear: left" /></div></div><div class="menu_bg_right"></div></div>
                <!-- /menu top -->

                <!--twitter-facebook-->
                <div id="twitter-facebook">
                <!--webbot bot="Include" U-Include="Library/expression-fp/twitter-facebook.htm" TAG="BODY" --></div>
                <!--/twitter-facebook-->   
                
                <!--zoom menu
                <div id="zoom_menu_component">-->
                <!--webbot bot="Include" U-Include="Library/expression-fp/zoom_menu.htm" TAG="BODY"</div> -->       
                <!--/zoom menu-->
                
                
    <!-- #EndEditable -->

       
       </div></div></div>
    <!-- /header /header_wr /header_bg -->


    <!-- content1 -->
    <div id="content1_bg"><div id="content1_wr"><div id="content1_l"></div><div id="content1_r"></div><div id="content1">

    <!-- content_bg -->
    <div class="content_bg"><div class="boxc"><div class="btc"><div></div></div><div class="i1c"><div class="i2c"><div class="i3c"><div class="boxc-inner"><div class="boxc-2"><div class="boxc-6"><div class="boxc-4"><div class="boxc-8"><div class="boxc-5"><div class="boxc-7"><div class="boxc-3"><div class="boxc-1"><div class="boxc-content">

    <!-- #BeginEditable "content1_top" -->
    <!-- #EndEditable -->

    <!-- content1 columns -->
       <div id="columns1"><div id="column1_wrapper">
                
                
          <div id="left1pad"></div>
                
             <div id="left1col">
             
    <!--SEO H1 -->
    <div id="seo_1">
    <!-- #BeginEditable "seo_h1" -->
    <h1>Page Title goes here</h1>
    <!-- #EndEditable -->
    </div>
    <!--/SEO H1 -->
                
    <!--SEO H2 -->
    <div id="seo_2">
    <!-- #BeginEditable "seo_h2" -->
    <h2>short description</h2>
    <!-- #EndEditable -->
    </div>
    <!--/SEO H2 -->
             
                <!-- #BeginEditable "left1" -->
                
                <!--search-->
                <div id="search">
                <!--webbot bot="Include" U-Include="Library/expression-fp/search.htm" TAG="BODY" --></div>
                <!--/search-->   
                      

             
                   <!-- menu side box3 -->
                      <div class="sidemenu">
                         <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                         <script type="text/javascript">ddsmoothmenu.init({mainmenuid: "smoothmenu2", orientation: 'v', classname: 'ddsmoothmenu-v', contentsource: "markup" })</script>
                         <div id="smoothmenu2" class="ddsmoothmenu-v">   
                         <!--webbot bot="Include" U-Include="Library/expression-fp/menu_side.htm" TAG="BODY" -->
                         <br style="clear: left" /></div>
                         </div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bb"><div></div></div></div>
                      </div>
                   <!-- /menu side box3 -->

    <!-- numo box left -->
                
                   <!-- whatsnew -->
                      <div class="whatsnew">
                         <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                         <!--webbot bot="Include" U-Include="Library/expression-fp/$_whats_new.htm" TAG="BODY" -->   
                         </div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bb"><div></div></div></div>
                      </div>
                   <!-- /whatsnew -->
                
                   <!-- currentnews -->
                      <div class="currentnews">
                         <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                         <!--webbot bot="Include" U-Include="Library/expression-fp/$_current_news.htm" TAG="BODY" -->   
                         </div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bb"><div></div></div></div>
                      </div>
                   <!-- /currentnews -->            
                
                   <!-- recentevents -->
                      <div class="recentevents">
                         <div class="box1"><div class="bt"><div></div></div><div class="i1"><div class="i2"><div class="i3"><div class="box1-inner"><div class="box1-2"><div class="box1-6"><div class="box1-4"><div class="box1-8"><div class="box1-5"><div class="box1-7"><div class="box1-3"><div class="box1-1"><div class="box1-content">
                         <!--webbot bot="Include" U-Include="Library/expression-fp/$_recent_events.htm" TAG="BODY" -->
                         </div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bb"><div></div></div></div>
                      </div>
                   <!-- /recentevents -->
                
                <!-- #EndEditable -->
             </div>
                
          <div id="right1pad"></div>
                
             <div id="right1col">
                <!-- #BeginEditable "right1" -->
                <!-- #EndEditable -->
             </div>
                
             <div id="center1col">
                <!-- #BeginEditable "body1" -->
                
                
    <!-- box4 -->
    <div class="box4"><div class="bt4"><div></div></div><div class="i14"><div class="i24"><div class="i34"><div class="box4-inner"><div class="box4-2"><div class="box4-6"><div class="box4-4"><div class="box4-8"><div class="box4-5"><div class="box4-7"><div class="box4-3"><div class="box4-1"><div class="box4-content">
                       
                

    <!-- numo box right -->

    <h3><span class="style1">New!!! <a href="$_alternate_index.htm">Alternate 'LANDING PAGE' ..[/url]</span><a href="$_alternate_index.htm">
    [/url] </h3>
    <p>The new alternate landing page included with your template package uses our '<a href="$_alternate_index.htm">NEW' Split Rotator[/url], GREAT for "<a href="$_alternate_index.htm">advertising[/url]" or "<a href="$_alternate_index.htm">product displays[/url]"! You choose!</p>

    <h3><img alt="" height="375" src="Header2blue%20[640x480].jpg" width="640" />Designed for</h3>
    <ul>
       <li>Microsofts <strong>Expression Web</strong> (1/2/3 +), <strong>FrontPage 2003</strong> and
       <strong>Sharepoint
       Designer 2007</strong></li>
       <li>Adobe <strong>Dreamweaver</strong> (8/CS3/CS4 +)</li>
    </ul>

    <h3>LM Tutorials</h3>
    <p>Instructor lead video tutorials .. learn the basics of building a website
    with your Gen9 web template. Learn time saving tips and tricks to
    building your first website, directly from the lead designer. Spend a little one
    on one with the template creators, learn the inns and outs of working with your
    new template, and most importantly how to prevent trouble so you can have &#39;fun&#39;
    and enjoy the creative side of building a website. </p>

    <h3>LM Components</h3>
    <p><strong>LM LOGO:</strong> a text to graphic conversion component.
    Change the &#39;website name&#39; text to suit your needs, no need for flash!</p>
    <p><strong>LM INFINITE MENUS: </strong>Horizontal and vertical CSS
    menu&#39;s with infinite sub menu&#39;s.</p>
    <p><strong>LM Image Rotator:</strong> Theme your web pages with single
    or multiple themed images .. great for displaying product &#39;cutouts&#39; or cutout
    objects.</p>
    <p><strong>LM AD-vanced [IR] Portfolio:</strong> Our most advanced
    image rotation component. Multi function image display can be used for banner
    add rotation, or share the highlights of your last family vacation.</p>
    <p><strong>LMp3 Player:</strong> Play mp3 music or audio files on your
    web pages. Special scripting will remember your web site visitors preferences.</p>
    <h4>Advanced Features:</h4>

    <p><strong>Google site search</strong>: add your URL to the Google
    search network and display search results for just your website</p>
    <p><strong>Search Engine Optimization</strong>: Valid W3 XHTML coding,
    CSS styled navigation, and page components that allowing for effective SEO</p>
    <p><strong>HTML catalog page</strong>: with sample PayPal buy now
    buttons.

    <a target="_blank" href="http://www.paypal.com/cgi-bin/webscr?cmd=p/xcl/rec/singleitem-intro-outside">
    **Click here to learn more about PayPal buy now buttons[/url]</p>
    <p><strong>Contact form</strong>: pre-designed form page, just edit and
    connect to your web server form handler</p>
    <p><strong>Editable Source Files</strong>: Web developers can change
    the colors of the template with the downloadable source files using Fireworks
    CS3 and Flash CS3</p>

    <h3>Template Package</h3>
       <h6>...what you see in this demo, is what you receive in the
    template package</h6>

    <p>&nbsp;</p>

                

    <h3>Template Features</h3>

    <!-- numo features box -->

    <p><strong>Dynamic images:</strong>&nbsp; replace the
    images in the template with your own images captured on your digital
    camera.</p>
    <p><strong>Shared (Library) Pages:&nbsp; </strong>update the common web components in your template by editing a single file or
    page. </p>
    <p><strong>Flexible (Liquid) CSS:</strong>&nbsp; set
    your web pages to a specific page width, or allow the page to grow to the full
    width of the web browser. </p>
    <p><strong>Multi Column:</strong>&nbsp; all pages in
    your template are capable of displaying a single, double or triple column
    layout. </p>
    <p><strong>SEO Prep:&nbsp; </strong>your web pages
    have been prepped for your SEO efforts. H1, H2 and H3 tags located in specific
    locations to help you improve your search engine optimization.</p>
    <p><strong>SPRY Photo Gallery:&nbsp; </strong>a simple no non-sense
    photo gallery brought to you by the folks from Adobe Systems.</p>
    <p><strong>CSS Tableless design:</strong>&nbsp;
    flexible page widths, multiple columns and it&#39;s a done via valid CSS. No tables
    were used in the dynamic build of your web pages. ** (note - standard compliant
    tables are used in the catalog.htm page to display the product information)</p>


    <!-- css list box -->


    <p><strong>Google site search</strong>: add your URL to the Google
    search network and display search results for just your website</p>
    <p><strong>Search Engine Optimization</strong>: Valid W3 XHTML coding,
    CSS styled navigation, and page components that allowing for effective SEO</p>
    <p><strong>HTML catalog page</strong>: with sample PayPal buy now
    buttons.

    <a target="_blank" href="http://www.paypal.com/cgi-bin/webscr?cmd=p/xcl/rec/singleitem-intro-outside">
    **Click here to learn more about PayPal buy now buttons[/url]</p>
    <p><strong>Contact form</strong>: pre-designed form page, just edit and
    connect to your web server form handler</p>
    <p><strong>Editable Source Files</strong>: Web developers can change
    the colors of the template with the downloadable source files using Fireworks
    CS3 and Flash CS3</p>
    <p>&nbsp;</p>

    <h3>Secondary Info h3</h3>
       
    <h4>Secondary Info h4</h4>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed est lorem,
    ullamcorper sit amet, fringilla porttitor, convallis eget, dolor. Nulla enim
    enim, fringilla eget, semper eget, pulvinar ut, libero. Suspendisse id velit.
    Morbi sit amet tortor. Vivamus pharetra sollicitudin enim. Donec eget urna sit
    amet metus dapibus placerat. Cras luctus lorem in diam. Praesent urna diam,
    condimentum quis, interdum a, posuere at, lectus. Maecenas nec nisl. Suspendisse
    risus neque, convallis et, pellentesque eu, vulputate in, tellus. Cras non mi
    sagittis mauris congue imperdiet.</p>

    <h4>Secondary Info h4</h4>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed est lorem,
    ullamcorper sit amet, fringilla porttitor, convallis eget, dolor. Nulla enim
    enim, fringilla eget, semper eget, pulvinar ut, libero. Suspendisse id velit.
    Morbi sit amet tortor. Vivamus pharetra sollicitudin enim. Donec eget urna sit
    amet metus dapibus placerat. Cras luctus lorem in diam. Praesent urna diam,
    condimentum quis, interdum a, posuere at, lectus. Maecenas nec nisl. Suspendisse
    risus neque, convallis et, pellentesque eu, vulputate in, tellus. Cras non mi
    sagittis mauris congue imperdiet.</p>


    <p>&nbsp;</p>
                
    </div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bb4"><div></div></div></div>
    <!-- /box4 -->
                
                
                <!-- #EndEditable -->
             </div><!--/center column -->
             
             
       </div></div><!-- columns -->
       
    <div class="clear">&nbsp;</div>
       
    <!-- #BeginEditable "content1_bottom" -->
    <!-- #EndEditable -->


    </div></div></div></div></div></div></div></div></div></div></div></div></div><div class="bbc"><div></div></div></div></div>
    <!-- /content_bg -->


    </div></div></div><!-- /content1 /content1_wr /content1_bg -->   



    <!-- #BeginEditable "components" -->            
    <!-- #EndEditable -->

    <!-- footer -->
    <div id="footer_bg"><div id="footer_wr"><div id="footer_l"></div><div id="footer_r"></div><div id="footer">

              <!-- #BeginEditable "footer" -->
    <!--webbot bot="Include" U-Include="Library/expression-fp/footer.htm" TAG="BODY" -->
             <!-- #EndEditable -->

    </div></div></div>
    <!-- /footer /footer_wr /footer_bg -->


    </div>
    <!-- /main -->


    <!-- adsense or advertising space -->
    <div id="adsense"><div id="adsense_wrapper">

    <!-- copy adsense or advertising code here -->

    </div></div>

    <!-- scripts or trackers1 -->
    <div id="special1"><!-- #BeginEditable "special1" -->
          <p>&nbsp;</p>
                <!-- #EndEditable --></div>
    <!-- /scripts or trackers1 -->

    <!-- scripts or trackers2 -->
    <div id="special2"><!-- #BeginEditable "special2" -->
          <p>&nbsp;</p>
                <!-- #EndEditable --></div>
    <!-- /scripts or trackers2 -->


    </body>
    <!-- #EndTemplate -->
    </html>
    Logged

    rockerest



      Hopeful
      • Yes
    • Experience: Experienced
    • OS: Windows 7
    Re: Web design not working on internet explorer
    « Reply #1 on: December 27, 2010, 12:27:57 AM »
    I know this is a long shot (being 20 days later, and all), but:

    Looks identical to me.  I tried it in IE9 and Firefox 4.

    What's the problem on your end?

    -rockerest
    Logged
    In general, the PEBKAC.  Whether it's now or was three weeks ago, the PEBKAC.
    Unsafe browsing and general computer / internet illiteracy IS the users problem.  Don't have sex if you don't know how to use a condom.
    Also, there are 10 types of people in the world, those who understand binary, and those who don't.

    alindamarry



      Greenhorn

      • Experience: Beginner
      • OS: Unknown
      Re: Web design not working on internet explorer
      « Reply #2 on: December 27, 2010, 05:12:37 AM »
      First you said it is work on another browser.
      Logged

      navyfalcon



        Rookie

        • free tutorials
      • Computer: Specs
      • Experience: Beginner
      • OS: Windows XP
      Re: Web design not working on internet explorer
      « Reply #3 on: December 29, 2010, 10:52:44 PM »
      For web design you need a fix for IE as IE displays differently than other web browsers.
      There are what is called work arounds or conditional statements (such as "if IE then ..). You need to do a Google search for: "if IE then". It will give several solutions. Choose the one that works best for you.
       Don't feel frustrated, this is a common problem for web designers.
      -
      hope this helps
      falcon
      Logged
      Pages: [1]   Go Up
      « previous next »