Table center (css)

**maresca** · 01-09-2004, 16:26

#Table_01

position:absolute;
left:0px;
top:0px;

come gli dico di centrala alla pagina?

ho provato com margin ma non va

**Mich_** · 01-09-2004, 16:33

chiaramente devi togliere top e left.

Prova cosi`:
#Table_01 {
margin: auto;
padding: auto;
}
Nota la sintassi con le parentesi graffe e i puntievirgola.

position: absolute;
e` una brutta bestia: se puoi non usarla e` meglio (ti semplifichi la vita).

**maresca** · 01-09-2004, 17:19

macchè niente!
non si sposta da sx

**maresca** · 01-09-2004, 17:25

posto uno stralcio di css qualora servisse:

#table_01 {
font-family:Tahoma, Verdana, Arial, sans-serif;
margin: auto;
padding: auto;
}

#default-01 {
background: url("images/default_01.jpg") no-repeat;
position:absolute;
left:0px;
top:0px;
width:766px;
height:76px;
}

#default-02 {
background: url("images/default_02.jpg") no-repeat;
position:absolute;
left:0px;
top:76px;
width:38px;
height:30px;
}

#default-03 {
background: url("images/default_03.jpg") no-repeat;
position:absolute;
left:38px;
top:76px;
width:683px;
height:30px;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:20px;
font-style:normal;
text-align: LEFT;
color:#B74C1D;
}

#default-04 {
background: url("images/default_04.jpg") no-repeat;
position:absolute;
left:721px;
top:76px;
width:45px;
height:30px;
}

#default-05 {
background: url("images/default_05.jpg") no-repeat;
position:absolute;
left:0px;
top:106px;
width:766px;
height:20px;
}

#default-06 {
background: url("images/default_06.jpg") no-repeat;
position:absolute;
left:0px;
top:126px;
width:216px;
height:110px;

}

**maresca** · 01-09-2004, 17:26

e nell'html richiamo cosi:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HEAD><TITLE>[mio sito]</TITLE>
<META http-equiv=content-type content="text/html; charset=iso-8859-1">
<STYLE type=text/css media=all>@import url( index.css );
</STYLE>
</HEAD>
<BODY ID="table_01">
<DIV ID="table_01">
<DIV ID="default-01">
</DIV>
<DIV ID="default-02">
</DIV>
<DIV ID="default-03">

**pacovox** · 01-09-2004, 17:50

Il margin: auto devi darlo a quello che vuoi centrare non al body

**maresca** · 01-09-2004, 17:52

cioè?? spiegati meglio

**Mich_** · 01-09-2004, 17:53

Non so se il segno meno e` valido in in un id.

Comunque non puoi centrare il body, puoi centrare un <div> all'interno del <body>.

codice:

<body>
  <div id="table_01">
    <div id="default_01">
      nbsp;
    </div>
    <div id="default_02">
      nbsp;
    </div>
    ...
  </div>
</body>

Nota: i nomi dei tag e gli attributi devono stare tutti minuscoli (altrimenti potrebbe non funzionare se usi il DOCTYPE).

**maresca** · 01-09-2004, 18:31

Originariamente inviato da Mich_
Non so se il segno meno e` valido in in un id.

Comunque non puoi centrare il body, puoi centrare un <div> all'interno del <body>.

codice:

<body>
  <div id="table_01">
    <div id="default_01">
      nbsp;
    </div>
    <div id="default_02">
      nbsp;
    </div>
    ...
  </div>
</body>

Nota: i nomi dei tag e gli attributi devono stare tutti minuscoli (altrimenti potrebbe non funzionare se usi il DOCTYPE).

e quindi? cosa mi consigli di fare? :master:

**Jerry Masslo** · 02-09-2004, 09:30

<html>
<head>
<title>Document's title</title>
<style type="text/css">
body {text-align:center}/*serve per gli ie in quirk*/
.centr {
margin:auto;
width:500px;
background:red;
text-align:left;
}
</style>
</head>
<body>
<div class="centr">centrato
</div>
</html>

nota - in un codice precedente avevi dato due volte lo stesso id e inoltre volevi centrare un elemento senza width, stai attento che quel doctype è un po' ostico, è un transitional in cui ie6 funziona in standard-mode e quindi in modo diverso dagli altri ie e come ti ha detto mich ricorri agli absolute solo quando serve veramente altrimenti ne succedono di tutti i colori

Discussione: Table center (css)

Strumenti discussione

Ricerca discussione

Visualizza

Table center (css)

Permessi di invio