Solved

Help with working in IE but not FF

Posted on 2010-09-02
3
414 Views
Last Modified: 2012-05-10
Hello, I'm using the following code below to display a news article. On the img I populate align="left" or align="right" from the database. The text is supposed to wrap around the image but does not in FF. Works as expected in IE. What am I doing wrong?

.homePageNews{float:left;margin-top:10px; width:620px; background-color:Yellow;}
.homePageNews img{padding: 0 10px 0 10px;}
.homePageNews h3{margin-top: 0px; margin-bottom: 0px; color: #23254e; font-family: Arial;
                            font-weight: bold; font-size: 16px; text-decoration:underline;}
.homePageNews h5{margin-top: 3px; margin-bottom: 0px;color:red;font-family: Arial; font-style:italic;font-size: 10px;}
.homePageNews h6{margin-top: -10px; margin-bottom: 0px;color:#23254e;font-family: Arial; font-style:italic;font-size: 12px;}

.homePageNews p{margin-top: 0px; color: #000000; font-family: Arial; font-size: 12px; line-height: 22px; padding-right:10px;}
.homePageNews a{color: #23254e}



<div class="homePageNews">
<asp:GridView runat="server" ID="gvNews" ShowHeader="false" AutoGenerateColumns="false"
    GridLines="none">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
           <div class="newsGV">
               <a href='<%# "./News.aspx?NewsId=" & Eval("NewsId") %>'> <img runat="server" id="ImgImage" align='<%# Eval("Placement") %>' src='<%#"~/Images/News/" & Eval("Image") %>'
                    alt=""/></a>
                <h3>
                    <a href='<%# "./News.aspx?NewsId=" & Eval("NewsId") %>'><%# Eval("Title") %></a></h3>
                <h5>
                    <asp:Label runat="server" ID="lblDate" Text='<%# Eval("ArticleDate") %>' Visible='<%# Eval("ShowDate") %>'></asp:Label>
                    &nbsp;-&nbsp; <asp:Label runat="server" ID="lblAuthor" Text='<%# Eval("Author") %>'></asp:Label></h5>
                <p>
                    <asp:Label runat="server" ID="lblArticleSummary" Text='<%# Eval("ArticleSummary") %>'></asp:Label>
                    <asp:Label runat="server" ID="lblNewsId" Text='<%# Eval("NewsId") %>' Visible="false"></asp:Label>
                </p>
                 <h6><a href='<%# "./News.aspx?NewsId=" & Eval("NewsId") %>'>Read More...</a> </h6>
                </div>  
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>
</div>
0
Comment
Question by:gogetsome
  • 2
3 Comments
 
LVL 3

Expert Comment

by:Peter_Werner
ID: 33590895
Please post the generated html page.
0
 

Author Comment

by:gogetsome
ID: 33591066
Sure, thanks for looking...
<!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 id="Head1"><title>

	Home

</title>

    <!--SEO-->

    <meta http-equiv="Expires" content="0" /><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Expires" content="Tue, 04 Dec 1993 21:29:02 GMT" /><meta name="keywords" /><meta name="description" />

    <!--Stylesheet-->

    <link rel="stylesheet" type="text/css" href="CSS/Main.css" /><link rel="stylesheet" type="text/css" href="Shadowbox/shadowboxVideo.css" />



    <script type="text/javascript" src="Shadowbox/shadowbox.js"></script>



    <script type="text/javascript">

        Shadowbox.init({

            language: "en",

            players: ['img', 'htm', 'aspx', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']



        }); 

    </script>



</head>

<body id="home">

    <form name="form1" method="post" action="Default.aspx" id="form1">

<div>

<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />

<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMjA3ODkxNzMwD2QWAgIDD2QWBAIBD2QWAgIDDxYGHgZQYW5lbHMy6QIAAQAAAP////8BAAAAAAAAAAwCAAAAUW9ib3V0X1Nob3dfTmV0LCBWZXJzaW9uPTEuNC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49YTI0ZjBlNGVjZmY2NmU5MQUBAAAAIU9ib3V0SW5jLlNob3cuUGFuZWxCYXNlQ29sbGVjdGlvbgEAAAATQ29sbGVjdGlvbkJhc2UrbGlzdAMcU3lzdGVtLkNvbGxlY3Rpb25zLkFycmF5TGlzdAIAAAAJAwAAAAQDAAAAHFN5c3RlbS5Db2xsZWN0aW9ucy5BcnJheUxpc3QDAAAABl9pdGVtcwVfc2l6ZQhfdmVyc2lvbgUAAAgICQQAAAADAAAAAwAAABAEAAAABAAAAAkFAAAACQYAAAAJBwAAAAoFBQAAABNPYm91dEluYy5TaG93LlBhbmVsAAAAAAIAAAABBgAAAAUAAAABBwAAAAUAAAALHgxTaG93X0NoYW5nZXIFmQE8Q2hhbmdlcj48RmVhdHVyZWRBZCBUeXBlPSJBcnJvdyIgQXJyb3dUeXBlPSJTaWRlMSIgUG9zaXRpb249IkJvdHRvbSIgVmVydGljYWxBbGlnbj0iTWlkZGxlIiBIb3Jpem9udGFsQWxpZ249IkNlbnRlciIgV2lkdGg9IjUwIiBIZWlnaHQ9IjUwIiAvPjwvQ2hhbmdlcj4eB0NoYW5nZXIyjAEAAQAAAP////8BAAAAAAAAAAwCAAAAUW9ib3V0X1Nob3dfTmV0LCBWZXJzaW9uPTEuNC4wLjAsIEN1bHR1cmU9bmV1dHJhbCwgUHVibGljS2V5VG9rZW49YTI0ZjBlNGVjZmY2NmU5MQUBAAAAFU9ib3V0SW5jLlNob3cuQ2hhbmdlcgAAAAACAAAAC2QCAw9kFgJmDzwrAA0BAA8WBB4LXyFEYXRhQm91bmRnHgtfIUl0ZW1Db3VudAICZBYCZg9kFghmDw8WAh4HVmlzaWJsZWhkZAIBD2QWAmYPZBYQZg8VATcuL05ld3MuYXNweD9OZXdzSWQ9OTA5NDQ0QTEtOUMyOS00QzlCLUJCQTktNTMyRDBDNzU5N0YxZAIBDxYEHgVhbGlnbgUFUmlnaHQeA3NyYwU2fi9JbWFnZXMvTmV3cy9hN2NjNWNiOC1mNjgwLTRiNGEtODEyZC03MjMwYjE5YzA0ZTUuanBnZAICDxUCNy4vTmV3cy5hc3B4P05ld3NJZD05MDk0NDRBMS05QzI5LTRDOUItQkJBOS01MzJEMEM3NTk3RjEWVGhpcyBpcyBhIG5ld3MgYXJ0aWNsZWQCAw8PFgIeBFRleHQFCjA5LzAyLzIwMTBkZAIFDw8WAh8IBQVzY290dGRkAgcPDxYCHwgFlQJhc2QgZnNkYWRzZiBkZmEgc2RmYXNzcyBzYXNkIGZzZGFkc2YgZGZhIHNkZmFzZCBmZHMgZGFzZCBmc2RhZHNmIGRmYSBzZGZhc2QgZmRzIGRhc2QgZnNkYWRzZiBkZmEgc2RmYXNkIGZkcyBkYXNkIGZzZGFkc2YgZGZhIHNkZmFzZCBmZHMgZGFzZCBmc2RhZHNmIGRmYSBzZGZhc2QgZmRzIGRhc2QgZnNkYWRzZiBkZmEgc2RmYXNkIGZkcyBkYXNkIGZzZGFkc2YgZGZhIHNkZmFzZCBmZHMgZGFzZCBmc2RhZHNmIGRmYSBzZGZhc2QgZmRzIGRhc2QgZnNkYWRzZiBkZmEgc2RmYXNkIGZkcyBkZGQCCQ8PFgIfCAUkOTA5NDQ0QTEtOUMyOS00QzlCLUJCQTktNTMyRDBDNzU5N0YxZGQCCg8VATcuL05ld3MuYXNweD9OZXdzSWQ9OTA5NDQ0QTEtOUMyOS00QzlCLUJCQTktNTMyRDBDNzU5N0YxZAICD2QWAmYPZBYQZg8VATcuL05ld3MuYXNweD9OZXdzSWQ9RUY3ODVFM0MtMTEyRi00NkM0LTlGOUItOUI5QjQyOUE4QkRCZAIBDxYEHwYFBExlZnQfBwU2fi9JbWFnZXMvTmV3cy9lOTNkNjRlNy03ODBmLTRiMzItYTA1NC00NTk4MjQ2ZGE0YTQuanBnZAICDxUCNy4vTmV3cy5hc3B4P05ld3NJZD1FRjc4NUUzQy0xMTJGLTQ2QzQtOUY5Qi05QjlCNDI5QThCREIgTmV3cyBhcnRpY2xlcyBzY3JvbGwgdG8gdGhlIGxlZnRkAgMPDxYCHwgFCjA5LzAyLzIwMTBkZAIFDw8WAh8IBQ9zY290dCBiYWxkcmlkZ2VkZAIHDw8WAh8IBeUGTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gUGVsbGVudGVzcXVlIG1hbGVzdWFkYSBsaWJlcm8gdml0YWUgbGVjdHVzIGRpZ25pc3NpbSBpYWN1bGlzLiBWaXZhbXVzIGZhY2lsaXNpcyB2aXZlcnJhIG1hc3NhLCB1dCBhZGlwaXNjaW5nIHNhcGllbiBpYWN1bGlzIHNvZGFsZXMuIFN1c3BlbmRpc3NlIHF1aXMgZXJhdCBhdCBsaWd1bGEgZWxlbWVudHVtIHNvbGxpY2l0dWRpbi4gTmFtIHZ1bHB1dGF0ZSB0aW5jaWR1bnQgbmVxdWUsIHRyaXN0aXF1ZSBwZWxsZW50ZXNxdWUgc2VtIG9ybmFyZSBhYy4gRHVpcyBsYWN1cyBqdXN0bywgbWFsZXN1YWRhIGEgdmVzdGlidWx1bSB2aXRhZSwgZWdlc3RhcyBhdCBlbGl0LiBQcmFlc2VudCB2dWxwdXRhdGUsIHR1cnBpcyBzaXQgYW1ldCBhZGlwaXNjaW5nIGVsZW1lbnR1bSwgZXJhdCBkb2xvciB0aW5jaWR1bnQgZWxpdCwgc2l0IGFtZXQgY29uZGltZW50dW0gbmliaCBtaSBlZ2V0IHB1cnVzLiBNYWVjZW5hcyBzZW1wZXIgcHVsdmluYXIgbGVvIGF0IG1hbGVzdWFkYS4gQWxpcXVhbSBwaGFyZXRyYSBuZXF1ZSBzZWQganVzdG8gc29kYWxlcyB2ZXN0aWJ1bHVtLiBWZXN0aWJ1bHVtIGFudGUgaXBzdW0gcHJpbWlzIGluIGZhdWNpYnVzIG9yY2kgbHVjdHVzIGV0IHVsdHJpY2VzIHBvc3VlcmUgY3ViaWxpYSBDdXJhZTsgTnVuYyBwb3J0dGl0b3IgZWxlbWVudHVtIG1hdXJpcywgZXQgY29uc2VjdGV0dXIgZmVsaXMgZ3JhdmlkYSBhYy4gQ2xhc3MgYXB0ZW50IHRhY2l0aSBzb2Npb3NxdSBhZCBsaXRvcmEgdG9ycXVlbnQgcGVyIGNvbnViaWEgbm9zdHJhLCBwZXIgaW5jZXB0b3MgaGltZW5hZW9zLiBTZWQgYWMgdG9ydG9yIGxpZ3VsYS5kZAIJDw8WAh8IBSRFRjc4NUUzQy0xMTJGLTQ2QzQtOUY5Qi05QjlCNDI5QThCREJkZAIKDxUBNy4vTmV3cy5hc3B4P05ld3NJZD1FRjc4NUUzQy0xMTJGLTQ2QzQtOUY5Qi05QjlCNDI5QThCREJkAgMPDxYCHwVoZGQYAgUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgEFG2N0bGxhdGVzdE5ld3MkYnRuTGF0ZXN0TmV3cwUWY3RsSG9tZVBhZ2VOZXdzJGd2TmV3cw88KwAKAQgCAWSh7jbG7QfYKdQlcH40Bst+lC1UoQ==" />

</div>



<script type="text/javascript">

//<![CDATA[

var theForm = document.forms['form1'];

if (!theForm) {

    theForm = document.form1;

}

function __doPostBack(eventTarget, eventArgument) {

    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {

        theForm.__EVENTTARGET.value = eventTarget;

        theForm.__EVENTARGUMENT.value = eventArgument;

        theForm.submit();

    }

}

//]]>

</script>





<script src="/CRAG/WebResource.axd?d=0EcYBc2Kz8r227XN21e02Q2&amp;t=633802477995006876" type="text/javascript"></script>



<div>



	<input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0" />

	<input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0" />

	<input type="hidden" name="__PREVIOUSPAGE" id="__PREVIOUSPAGE" value="Z_ibn59NMqFbBQlL458NloreHk04f3DgsJv_JNqMjg81" />

	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgLyz4TYCwLc3PSJCHM2fyB65g04g5ReIgHJxowio1pd" />

</div>

    <div id="header">



    </div>

    <div id="navigation">

        <div id="mainNav">

            <ul>

                <li><a href="Default.aspx">home</a></li>

                <li id="about"><a href="About.aspx">about</a></li>

                <li id="contact"><a href="Contact.aspx">contact</a></li>



                <li id="news"><a href="News.aspx">news</a></li>

                <li id="resources"><a href="Resources.aspx">resources</a></li>

                <li id="links"><a href="Links.aspx">links</a></li>

            </ul>

        </div>

    </div>

    <div id="content">



        <div class="leftSide">

            <div id="latestNews">

                

<div>

<div id="btnLatestNews">

<input type="image" name="ctllatestNews$btnLatestNews" id="ctllatestNews_btnLatestNews" class="btnLatestNews" src="CSS/Images/Controls/btnLatestNews.jpg" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctllatestNews$btnLatestNews&quot;, &quot;&quot;, false, &quot;&quot;, &quot;News.aspx&quot;, false, false))" style="border-width:0px;" />











</div>

<div class="latestNewsScroller">

 



<!--   obout inc Show version 1.4.0  http://www.obout.com   -->



<span style="display:none">&nbsp;</span><script type="text/javascript" src="/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAg_goKMaO7M4SC938_cT2KFNL8jiy6ioaX0lmeMBlCsvw2&amp;t=634184945380000000"></script><style type="text/css"> .ob_show_panel{overflow:auto;} .ob_show_changer{overflow:auto;} .ob_show_changernumber{font-family:Tahoma;font-size:11px;text-decoration:underline;cursor:pointer;width:16px;height:16px;} .ob_show_changernumber_over{color:Red;font-family:Tahoma;font-size:11px;cursor:pointer;width:16px;height:16px;} .ob_show_changernumber_selected{font-family:Tahoma;font-size:11px;font-weight:bold;text-decoration:none;cursor:none;width:16px;height:16px;} .ob_show_changerplay{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAi1q6mpLdFFyJK5SUzswVIFi4BFRyuHiCZ-pV1CymTyWQ2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changerplay_over{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAi1q6mpLdFFyJK5SUzswVIFi4BFRyuHiCZ-pV1CymTyWQ2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changerpause{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAg1d8jwsCjGiQEBwxxy_Ngo_qv3HX1P2NPlS9zMvbsVfg2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changerpause_over{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAg1d8jwsCjGiQEBwxxy_Ngo_qv3HX1P2NPlS9zMvbsVfg2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changerleft{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAi8UZ9CPw9097SJWeuZTjbOF93f8nLCkiSbdjDDmpkLUQ2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changerleft_over{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAi8UZ9CPw9097SJWeuZTjbOF93f8nLCkiSbdjDDmpkLUQ2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changerright{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAj54VK_l6Oc6baZTYRL18tx72bcnwjSUnC-R5g14scq-A2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changerright_over{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAj54VK_l6Oc6baZTYRL18tx72bcnwjSUnC-R5g14scq-A2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changertop{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAgEYMuZOC4TxQSYJnAu1WFaF1E7LcRgnHRPrb4OADIEug2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changertop_over{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAgEYMuZOC4TxQSYJnAu1WFaF1E7LcRgnHRPrb4OADIEug2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changerbottom{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAhwsoF0616xdh0AGxZTyPXWM5GvMF-ntuTu6NlhVSY1cg2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .ob_show_changerbottom_over{width:16px;height:16px;cursor:pointer;text-align:center;background-image:url(/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAhwsoF0616xdh0AGxZTyPXWM5GvMF-ntuTu6NlhVSY1cg2&amp;t=634184945380000000);background-repeat:no-repeat;background-position:center center;border:0px;} .changerTable{border-padding: expression(cellPadding=0); height:100%; border-padding: 0px;} .changerTable td{vertical-align:top;}</style><script type="text/javascript">var FeaturedAd = new obout_Show("FeaturedAd", 3, "480px", "16px", "Show", 1, 1, "Scrolling", "Left", false, true, false, false, true, false, "Bottom", 1000, 3, 60, 1, 0, {'CSSShowChangerNumber':'ob_show_changernumber', 'CSSShowChangerNumberOver':'ob_show_changernumber_over', 'CSSShowChangerNumberSelected':'ob_show_changernumber_selected'}, {'OnPanelChangeStartEvent':'ob_show_OnPanelChangeStart', 'OnPanelChangeEndEvent':'ob_show_OnPanelChangeEnd'})</script><div class="ob_show_panelsholder" style="display:none;overflow:hidden;position:relative;width:480px;height:16px" id="FeaturedAd"><table border='0' width='100%' class="changerTable" cellpadding="0" cellspacing="0"><tr><td style='width:100%;height:100%'><div style="position:relative;overflow:hidden;width:100%;height:100%"><div class="ob_show_panel" id="FeaturedAd_0" style="position:absolute;width:100%;height:100%;"><a href=News.aspx?NewsId=909444a1-9c29-4c9b-bba9-532d0c7597f1>This is a news article</a></div><div class="ob_show_panel" id="FeaturedAd_1" style="position:absolute;width:100%;height:100%;"><a href=News.aspx?NewsId=ef785e3c-112f-46c4-9f9b-9b9b429a8bdb>News articles scroll to the left</a></div><div class="ob_show_panel" id="FeaturedAd_2" style="position:absolute;width:100%;height:100%;"><a href=News.aspx?NewsId=ba8749ea-3419-448f-8634-eac8ee0195f4>Scrolling time can be adjusted</a></div></div></td></tr></table></div><img alt="" class="ob_show_changernumber_over" src="/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAgoiOOVA7wL0d3jBE3Y5cAdoGWTRlbR1s_q3PPWxofoJA2&amp;t=634184945380000000" border="0" style="display:none" /><img alt="" class="ob_show_changerpause_over" src="/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAgoiOOVA7wL0d3jBE3Y5cAdoGWTRlbR1s_q3PPWxofoJA2&amp;t=634184945380000000" border="0" style="display:none" /><img alt="" class="ob_show_changerplay_over" src="/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAgoiOOVA7wL0d3jBE3Y5cAdoGWTRlbR1s_q3PPWxofoJA2&amp;t=634184945380000000" border="0" style="display:none" /><img alt="" class="ob_show_changerleft_over" src="/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAgoiOOVA7wL0d3jBE3Y5cAdoGWTRlbR1s_q3PPWxofoJA2&amp;t=634184945380000000" border="0" style="display:none" /><img alt="" class="ob_show_changerright_over" src="/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAgoiOOVA7wL0d3jBE3Y5cAdoGWTRlbR1s_q3PPWxofoJA2&amp;t=634184945380000000" border="0" style="display:none" /><img alt="" class="ob_show_changertop_over" src="/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAgoiOOVA7wL0d3jBE3Y5cAdoGWTRlbR1s_q3PPWxofoJA2&amp;t=634184945380000000" border="0" style="display:none" /><img alt="" class="ob_show_changerbottom_over" src="/CRAG/WebResource.axd?d=VfjwiQWhXh079t9jiOL6cbUXtPu4zfxlj_OwEHDqsAgoiOOVA7wL0d3jBE3Y5cAdoGWTRlbR1s_q3PPWxofoJA2&amp;t=634184945380000000" border="0" style="display:none" /><noscript>JavaScript is disabled. <br />For customize this text use &lt;NoJavaScript&gt; element.</noscript>



<!--   obout inc Show version 1.4.0  http://www.obout.com   -->



</div>

</div>

            </div>

            <div class="homePageNews">



                <div>

	<table cellspacing="0" border="0" id="ctlHomePageNews_gvNews" style="border-collapse:collapse;">

		<tr>

			<td>

           <div class="newsGV">

               <a href='./News.aspx?NewsId=909444A1-9C29-4C9B-BBA9-532D0C7597F1'> <img src="Images/News/a7cc5cb8-f680-4b4a-812d-7230b19c04e5.jpg" id="ctlHomePageNews_gvNews_ctl02_ImgImage" alt="" align="Right" /></a>

                <h3>

                    <a href='./News.aspx?NewsId=909444A1-9C29-4C9B-BBA9-532D0C7597F1'>This is a news article</a></h3>



                <h5>

                    <span id="ctlHomePageNews_gvNews_ctl02_lblDate">09/02/2010</span>

                    &nbsp;-&nbsp; <span id="ctlHomePageNews_gvNews_ctl02_lblAuthor">scott</span></h5>

                <p>

                    <span id="ctlHomePageNews_gvNews_ctl02_lblArticleSummary">asd fsdadsf dfa sdfasss sasd fsdadsf dfa sdfasd fds dasd fsdadsf dfa sdfasd fds dasd fsdadsf dfa sdfasd fds dasd fsdadsf dfa sdfasd fds dasd fsdadsf dfa sdfasd fds dasd fsdadsf dfa sdfasd fds dasd fsdadsf dfa sdfasd fds dasd fsdadsf dfa sdfasd fds dasd fsdadsf dfa sdfasd fds d</span>

                    

                </p>



                 <h6><a href='./News.aspx?NewsId=909444A1-9C29-4C9B-BBA9-532D0C7597F1'>Read More...</a> </h6>

                </div>  

            </td>

		</tr><tr>

			<td>

           <div class="newsGV">

               <a href='./News.aspx?NewsId=EF785E3C-112F-46C4-9F9B-9B9B429A8BDB'> <img src="Images/News/e93d64e7-780f-4b32-a054-4598246da4a4.jpg" id="ctlHomePageNews_gvNews_ctl03_ImgImage" alt="" align="Left" /></a>

                <h3>



                    <a href='./News.aspx?NewsId=EF785E3C-112F-46C4-9F9B-9B9B429A8BDB'>News articles scroll to the left</a></h3>

                <h5>

                    <span id="ctlHomePageNews_gvNews_ctl03_lblDate">09/02/2010</span>

                    &nbsp;-&nbsp; <span id="ctlHomePageNews_gvNews_ctl03_lblAuthor">scott baldridge</span></h5>

                <p>

                    <span id="ctlHomePageNews_gvNews_ctl03_lblArticleSummary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque malesuada libero vitae lectus dignissim iaculis. Vivamus facilisis viverra massa, ut adipiscing sapien iaculis sodales. Suspendisse quis erat at ligula elementum sollicitudin. Nam vulputate tincidunt neque, tristique pellentesque sem ornare ac. Duis lacus justo, malesuada a vestibulum vitae, egestas at elit. Praesent vulputate, turpis sit amet adipiscing elementum, erat dolor tincidunt elit, sit amet condimentum nibh mi eget purus. Maecenas semper pulvinar leo at malesuada. Aliquam pharetra neque sed justo sodales vestibulum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc porttitor elementum mauris, et consectetur felis gravida ac. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed ac tortor ligula.</span>



                    

                </p>

                 <h6><a href='./News.aspx?NewsId=EF785E3C-112F-46C4-9F9B-9B9B429A8BDB'>Read More...</a> </h6>

                </div>  

            </td>

		</tr>

	</table>

</div>

            </div>

        </div>



        <div class="rightSide">

        </div>

        <div class="clearDiv">

        </div>

    </div>

    <div id="footer">

        <div id="footerLeft">

           

            <a href="Contact.aspx">CONTACT</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="Privacy.aspx">PRIVACY</a>&nbsp;&nbsp;|&nbsp;&nbsp;

            <a href="Terms.aspx">TERMS</a>

        </div>

        <div id="footerRight">

            FIND US ON

        </div>



        <div id="footerFacebook">

            <a href="facebook.aspx">

                <img src="Images/Site/iconFacebook.png" alt="facebook" /></a>

        </div>

    </div>

    



<script type="text/javascript">

//<![CDATA[



theForm.oldSubmit = theForm.submit;

theForm.submit = WebForm_SaveScrollPositionSubmit;



theForm.oldOnSubmit = theForm.onsubmit;

theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;

//]]>

</script>

</form>

</body>

</html>

Open in new window

0
 
LVL 3

Accepted Solution

by:
Peter_Werner earned 500 total points
ID: 33591810
Move the image after the headers.  The paragraph will flow around the picture but not the headers (with FF).  Anyway that is the usual style so I guess it won't be a problem to change the layout.
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
logo getting cutoff on ipad 30 87
Adding Bootstrap 3 to Angular 2 application 4 38
Help with HTML 7 39
Bootstrap Datable Spinner 3 33
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now