Community discussion forum

Back to discussion

help me to correct style sheet in Mozilla

Last post was 14 Aug 2008 at 04:47
Tags: css, xhtml Cambodia
  • 3 months 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

    Report abuse

Post a reply

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

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

Ask a question

Related discussion

Related articles

Quick links

Recent activity

Languages

Web Development

Frameworks & Architecture

Other major sections