Centrare un object

**pezzo** · 23-10-2006, 10:17

Ciao!

Voglio centrare un oggetto dentro un div. Ho provato con

codice:

object {
  margin: 0 auto;       
  text-align: left;      
}

ma senza successo... Sbaglio qualcosa? :master:

**Al_katraz984** · 23-10-2006, 10:35

lo vuoi centrare e metti text-align: left;??

**pezzo** · 23-10-2006, 10:48

Voglio centrare l'oggetto, non il testo...

In ogni caso parlo di FF, so bene che su IE basta che nel body text-align sia centrato per risolvere...

Cmq ti assicuro che non è quello il problema...

**pezzo** · 24-10-2006, 09:48

UPPETE

**Mich_** · 24-10-2006, 10:05

Hai definito nel body ed html la larghezza? Altrimenti il border non ha effetto.

html, body { width: 100%; }

**pezzo** · 24-10-2006, 10:29

Si e non funge...

**Another-Life** · 24-10-2006, 11:36

Documento Html/Xhtml + quello Css grazie...

**pezzo** · 24-10-2006, 13:05

HTML

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Esercitazione n.
3</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="css/ie.css">

</head>
<body>
<div id="container">
    <div id="header">
        <h1 id="rimpiazza"><span>Sito di addestramento</span></h1>

    </div> 
    
    <div id="navigation">
<ul>[*][img]immagini/mela.gif[/img]Richiamare conoscenze pregresse[*]Fare ipotesi[*]Parti importanti del testo[*]Porsi domande
[*]Comprendere le figure[/list]</div> 
    <div id="content">

        <h2>Esercitazione n.
3/10</h2>



        <div id="blocco_consegna">

        <div id="consegna">
        <h2>bla bla</h2>

        

bla bla</p>
        
        <h2>COME PROCEDERE</h2>

        <ul>[*]bla[*]bla[*]bla[*]bla[/list]

        </div> 
        </div> 

        <div id="fare_ipotesi_1">
        <h2 class="titolo">ESERCIZIO</h2>

        <OBJECT ID="MediaPlayer" WIDTH="320" HEIGHT="250" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
        STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
        <PARAM NAME="FileName" VALUE="video/ufficio.wmv">

        <PARAM name="autostart" VALUE="false">
        <PARAM name="ShowControls" VALUE="true">
        <param name="ShowStatusBar" value="false">
        <PARAM name="ShowDisplay" VALUE="false">
        <EMBED TYPE="application/x-mplayer2" SRC="video/ufficio.wmv" NAME="MediaPlayer"
        WIDTH="320" HEIGHT="250" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED>
        </OBJECT>

        </div> 

        <div id="blocco_risposta">
        <div id="risposta">
        <h2>VERIFICA</h2>
        
        

bla bla</p>
        <form name="risposta_fi_2" action="fi_full_2.php?es=1" method="post">
        

Bla bla bla

                 <select name="ipotesi">

                         <option value="" selected="selected">Scegli  </option>

                         <option value="">aeiou</option>

                         <option value="">qualcosa</option>

                 </select>

                 </p>

        <input type="submit" value="Continua!" class="continua">
        </form>
        </div> 
        </div> 

       </div> 
       
    <div id="footer">bla bla bla</div>

</div>
</body>
</html>

CSS:

codice:

/*stili per il layout fisso con altezza minima*/
html,body{margin: 0;padding:0;height:100%; width: 100%;}
body{position: relative; z-index:1; font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{position:relative; width: 760px; height: 100%;margin: 0 auto;
    text-align: left; border-left: 2px solid #36c;border-right: 2px solid #36c}
body>div#container{height:auto;min-height:100%}
div#footer{position: absolute;bottom:0; width: 100%; padding: 0.5em 0;
    background-color: #69c; color: #000;text-align:center;}
div#content{padding: 1em 1em 5em}

/*stili generici,*/
div#header{background-color:#36C;color: #ff0; background: url("../immagini/corfad.jpg"); height:179px;}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif;}
h1#rimpiazza {position: relative; z-index:-1;}
h2{color: #3300CC;font-size: 1.5em; font-weight:bold; text-align:center; float:none; line-height:1;}
object {margin: 0 auto; text-align: left;}

/*stili per la navigazione*/
div#navigation {background-color:#9cf;}
div#navigation ul{margin: 0; padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0; font-size: 9px;} /*nota display: inline*/
div#navigation a{color:#369;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation img {position:relative; top:5px; padding: 0 3px 0 0;}

/*regole relative al div blocco consegna */
div#blocco_consegna{width: auto; height: auto;
            padding: 1em 1em 1em 1em; margin-top: 1em; text-align: justify; font-size: 120%;
            line-height: 1.4; background: url("../immagini/guido.jpg") left center; background-repeat:no-repeat;}

/*regole relative al div consegna */
div#consegna {margin: 0 0 0 155px; padding: 0.5em 0 0 0; border-width: 1px 2px 1px 2px; border-style: solid;
             border-color: #36C; height: auto;}
div#consegna p {padding: 0 1em 0 1em; color: #3300CC;}
div#consegna ul {margin: 0 0 0 1em; padding: 0.5em 0 0 0.1em; font-size: 120%; font-weight: bold; line-height: 1.8;
             color:#03C900; list-style-type:none;}
div#consegna li{width:auto;background: url("../immagini/freccia.jpg") left center;
                background-repeat:no-repeat; padding-left: 2em; }

/*regole relative al div blocco risposta */
div#blocco_risposta{width: auto; height: auto; padding: 1em 1em 1em 1em; text-align: left;
                    font-size: 120%; line-height: 1.4; background: url("../immagini/luigi.jpg") right center;
                    background-repeat:no-repeat;}

/*regole relative al div risposta */
div#risposta {margin: 0 155px 0 0; padding: 0.5em 0 0 0; border-width: 1px 2px 1px 2px; border-style: solid;
             border-color: #36C;}
div#risposta p {padding: 0 1em 0 1em; text-align: justify;}
div#risposta textarea, label {margin-left: 10px;}
div#risposta .autoeval {margin:0 1em 0 0; padding:0; float:none; text-align:left;}
div#risposta .autoeval_1 {margin: 0 1em 0 1em; padding:0; float:none; text-align:left;}

/*regole relative al div fare_ipotesi_1 */
div#fare_ipotesi_1{width: auto; height: auto; padding: 1em 1em 1em 1em; margin: 2em 1em 0 1em; text-align: justify; font-size: 100%;
              border-width: 1px 2px 1px 2px; border-style: solid; border-color: #36C;}
div#fare_ipotesi_1 h2.titolo {margin: 0 0 1em 0; font-size: 190%;}
div#fare_ipotesi_1 img {float: left; margin: 18px 1em 0 0.5em;}
div#testo_ipotesi_1{height: auto; padding: 0.5em 0.5em 0.5em 0.5em;  height: auto; line-height:1.5; font-size:130%;}
div#testo_ipotesi_1 h2{text-align: left; line-height:1.5;}

/*classi generiche*/
.evidenziato {background-color: yellow;}
.bold {font-weight:bold;}
.underline {text-decoration: underline;}
input.continua {font: bold 12px Arial, Helvetica, sans-serif; color: #ff0; background: #69c; text-align: center;
       padding: 5px; width: 140px; border: 1px solid #000000; margin: 10px 0 15px 390px;}
a.continua {font: bold 12px Arial, Helvetica, sans-serif; color: #ff0; background: #69c; text-align: center;
       padding: 5px; width: 140px; border: 1px solid #000000; margin: 40px 0 0 0; text-decoration: none; display: block; float: right;}
h2.titolo {margin: 0 0 1em 0; font-size: 190%;}
hr.clear {clear: left; height:0; margin:0; border:none} /*per IE bisogna aggiungere position:absolute; visibility:hidden;*/
hr.cleardx {clear: right; height:0; margin:0; border:none} /*per IE bisogna aggiungere position:absolute; visibility:hidden;*/

**Al_katraz984** · 24-10-2006, 14:16

Ma scusa.. ma l'oggetto è una cosa x i fatti suoi.. quindi se metti

object {margin: 0 auto; text-align: left;}

non serve a una mazza.. quindi togli quel text-align..

Il tuo oggetto è contenuto sul <div id="fare_ipotesi_1">

Codice PHP:


div#fare_ipotesi_1{ 

width: auto;

height: auto;

padding: 1em 1em 1em 1em;

margin: 2em 1em 0 1em;

text-align: justify;

font-size: 100%;

border-width: 1px 2px 1px 2px;

border-style: solid;

border-color: #36C;

}

metti text-align: center; su questo.. nooooo??? :rollo:

**Another-Life** · 24-10-2006, 14:20

Devi assegnare una dimensione ben precisa sia in larghezza che in altezza per quanto riguarda il selettore div#fare_ipotesi_1...^^

Discussione: Centrare un object

Strumenti discussione

Ricerca discussione

Visualizza

Centrare un object

Permessi di invio