Quantcast
Channel: Web Forms
Viewing all articles
Browse latest Browse all 23244

Float issue in FireFox ?

$
0
0

Hi - I am having an issue with FF (using ver 25.0.1) in properly displaying some thumbnail images with captions underneath.

Here is what this should look like:

Image1            Image 2          Image3

Caption1          Caption2        Caption3  etcc..

In FF it looks more like

Caption1          Caption2         Image1        Image2         Image3

Not good, but works fine in IE 10. Here is the code:

foreach (string srcName in movieList)
                {
                    ImageButton imageButton = new ImageButton();
                    imageButton.ImageUrl = "~/Data/" + srcName + ".jpg";

                    imageButton.Style["width"] = "180px";
                    imageButton.Style["height"] = "135px";
                    imageButton.Style.Add("padding-top", "4px");
                    imageButton.Style.Add("padding-bottom", "0px");
                    imageButton.Style.Add("padding-left", "6px");
                    imageButton.Style.Add("padding-right", "6px");
                    imageButton.Style.Add("margin-top", "0px");
                    imageButton.Style.Add("position", "center");
                    imageButton.Style["align"] = "bottom";
                    imageButton.Style["display"] = "inline";
                    imageButton.Style["float"] = "none";

                    imageButton.Click += new ImageClickEventHandler(imageButton_Click);
                    Panel1.Controls.Add(imageButton);

                    Label label1 = new Label();
                    label1.Text = srcName;

                    label1.Style["text-align"] = "center";
                    label1.Style["float"] = "left";
                    label1.Style["display"] = "block";
                    label1.Style["height"] = "45px";
                    label1.Style["width"] = "180px";

                    label1.Style["overflow"] = "visible";
                    label1.Style.Add("padding-top", "4px");
                    label1.Style.Add("padding-bottom", "0px");
                    label1.Style.Add("padding-left", "6px");
                    label1.Style.Add("padding-right", "6px");
                    label1.Style.Add("margin-bottom", "0px");
                    label1.ForeColor = Color.Black;
                    label1.Font.Name = "Calibri";
                    label1.Font.Size = 12;

                    Panel1.Controls.Add(label1);
                }

I apologize in advance for my crude CSS but any help appreciated.

Thanks in advnce,

Ted


Viewing all articles
Browse latest Browse all 23244

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>