help me to correct style sheet in Mozilla

css , xhtml Cambodia
  • 12 years ago

     Hi there !

    i am a beginner with ASP.NET/CSS

    i do as a small sample it can run well in IE , but broken in Mozilla Firefox

    + Stylesheet2.CSS

    body{margin:0;padding:0;line-height: 1.5em;}

    b{font-size: 110%;}
    em{color: red;}

    .DivRed
    {    width:630px;
        border:solid 1px red;   
        padding:5px;
    }
    .DivInL
    {
        border: solid 1px black;
        float: left;
        width: 270px;
        text-align: justify;
        background-color: dimgray;
        color: white;   
        font-size: 8pt;
        font-family: 'Lucida Sans Unicode' , Algerian, 'Tw Cen MT';
        text-decoration: none;
    }

    .Div3In
    {    float:left;
        width:346px;
        text-align:left;
    }
    .DivIn_
    {    width:324px;
        margin:  5px;
        padding:  5px;
        border:solid 1px blue;
    }   
    .DivIn2

    {    float:left;
        width:152px;
        margin:2px;
        padding:2px;
        border:solid 1px Red;
        text-align:left;
    }   
    .DivIn2_1

    {    float:left;
        width:152px;
        margin:2px;
        padding:2px;
        border:solid 1px Red;
        text-align:right;
    }    

     

    + my code in ASP.NET

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>

    <!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 runat="server">
        <title>Untitled Page</title>
         <script type="text/javascript">
    /*** Temporary text filler function. Remove when deploying template. ***/
        var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
            function filltext(words){
                for (var i=0; i<words; i++)
                    document.write(gibberish[Math.floor(Math.random()*3)]+" ")
                }
        </script>
        <link href="StyleSheet2.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <form id="form1" runat="server">
        <div class="DivRed">
            <div class="DivInL"><center>
               <center> <script type="text/javascript">filltext(45)</script></center>
            </div>
                <div class="Div3In">
                    <div class="DivIn_"><center>Hello</center></div>
                    <div class="DivIn_">
                           <div class="DivIn2"><center>Hello</center></div>
                           <div class="DivIn2_1"><center>Hello</center></div>                      
                    </div>
                    <div class="DivIn_"><center>Hello</center></div>
                </div>
                    
        </div>
        </form>
    </body>
    </html>

     

    pls correct me in Mozilla firefox

    BR

    nimol men

Post a reply

No one has replied yet! Why not be the first?

Sign in or Join us (it's free).

Contribute

Why not write for us? Or you could submit an event or a user group in your area. Alternatively just tell us what you think!

Our tools

We've got automatic conversion tools to convert C# to VB.NET, VB.NET to C#. Also you can compress javascript and compress css and generate sql connection strings.

“In order to understand recursion, one must first understand recursion.”