Re: [css-d] divs not centering in Firefox

[Cory Shubert]

Yes, that is it.
 
Thank you very much.
 
C

________________________________

From: Tim Palac [mailto:[EMAIL PROTECTED] 
Sent: Thursday, February 21, 2008 11:34 AM
To: Cory Shubert
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] divs not centering in Firefox


Cory,

In #splash .box, replace "text-align:center;" with "margin: 0 auto;".
This works for me in both Firefox and IE6/7.

Tim
AIM: TymArtist
www.timpalac.com


On Thu, Feb 21, 2008 at 11:17 AM, Cory Shubert
<[EMAIL PROTECTED]> wrote:


        Hi list memebers, maybe someone can help me figure out why this
won't
        work in Firefox but does in IE6.
        
        This is splash page that is called via Java in a booking
process..
        
        CSS:
        
        <style type="text/css">
        #splash {
         width:100%;
         margin:0 auto;
         margin-top:60px;
         text-align:center;
        }
        #splash .box {
         width:400px;
         height:auto;
         background:#112643;
         border:solid;
         color:#aab7ca;
         border-width:1px;
         text-align:center;
        }
        #splash .box p {
         padding:5px;
        }
        .splashlogo {
         padding:15px 0 0 0;
        }
        </style>
        
        XHTML;
        
        <div id="splash">
         <div class="box">
         <p class="font_phone">Please wait while we complete your
        request...</p>
         <p>
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        
codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab
        #version=7,0,19,0" width="200" height="200">
           <param name="movie"
        value="../_masterfiles/wv/images/splash/earth_v2.swf" />
           <param name="quality" value="high" />
           <embed src="../_masterfiles/wv/images/splash/earth_v2.swf"
        quality="high"
pluginspage="//www.macromedia.com/go/getflashplayer"
        type="application/x-shockwave-flash" width="200"
height="200"></embed>
          </object>
         </p>
         <p><img src="../_masterfiles/wv/images/splash/animation_1.gif"
alt=""
        name="ImgAnim" width="144" height="20" border="0" id="ImgAnim"
/></p>
         </div>
         <p class="splashlogo"><img
        src="../_masterfiles/wv/images/splash/nwa_wv_white.gif" alt=""
        width="225" height="43"/> </p>
        </div>
        
        I know I have a Flash issue with validation, but I am working on
that as
        well.
        
        Thanks,
        
        Cory Shubert
        
______________________________________________________________________
        css-discuss [EMAIL PROTECTED]
        http://www.css-discuss.org/mailman/listinfo/css-d
        List wiki/FAQ -- http://css-discuss.incutio.com/
        List policies -- http://css-discuss.org/policies.html
        Supported by evolt.org --
http://www.evolt.org/help_support_evolt/
        


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/