sito internet: qualcuno mi sa aiutare???

[Teomotard]

c'è qualcuno di voi smanettoni di triumph e piccì che può aiutarmi col mio css?

io vorrei che "contenitore" fosse centrato, in ie è già così ma firefox e chrome mi fanno incazzare...


ecco il css




#contenitore {
border: groove red 4px;
font-size: 1em;
padding-top: 0px;
padding-bottom: 10px;
margin-top: 3%;
margin: auto;/* allineamento standard in CSS */
text-align: center;
width: 900px ;
}

[D74]

se il codice è scritto così non ti prende la prima { che rimane nel commento (#)

inoltre

position: absolute;
top: 50%;
left: 50%;

con questi fai si che sia esattamente a metà....

[Teomotard]

mmm non ho capito...

[D74]

allora se la { la metti sulla stessa riga del # non la interpetra perchè la considera un commento....

per farlo centrato aggiungi

position: absolute;
top: 50%;
left: 50%;

[Prunk]

se il codice è scritto così non ti prende la prima { che rimane nel commento (#)

inoltre

position: absolute;
top: 50%;
left: 50%;

con questi fai si che sia esattamente a metà....

#contenitore
{
border: groove red 4px;
font-size: 1em;
padding-top: 0px;
padding-bottom: 10px;
margin-top: 3%;
margin: auto;/* allineamento standard in CSS */
text-align: center;
width: 900px ;
}

[Teomotard]

ho provato a fare come dici tu ma niente... provo a postare tutto il codice.... avrò fatto qualche casino...


body
{
background: url(immagini/sfondo.jpg) repeat fixed;
text-align: center;
font-family: Arial;
position: absolute;}

h1
{
font-size: 3em;
font-family: sans serif ;
font-style: italic;
color:"990000";
text-align: center;
margin-top: 20px;
}

h2
{
font-size: 1.6em;
font-family: sans serif ;
font-style: italic bold;
color:Black;
text-align: center;
margin-top: 20px;
}

h3
{
position: relative center;
font-family: Arial;
font-style: italic;
padding: 10px;
font-size: 2em;
color: red;}

p
{
font-color: black;
text-align: left;
font-family: arial;
font-size: 14px;
}

#c
{
border: ridge;
border-color: "965C61";
background: url(immagini/sfondobottone.jpg);
font-family: Arial Black;
font-size: 1em;
margin-top: 15px;
margin-bottom: 15px;
width: 160px;
height: 20px;
padding: 0.5em;
position: relative;
display: inline;
type: link;
}

#d
{
border: ridge;
border-color: "965C61";
background: url(immagini/bottonepremuto.jpg);
font-family: Arial Black;
font-size: 1em;
margin-top: 15px;
margin-bottom: 15px;
width: 160px;
height: 20px;
padding: 0.5em;
position: relative;
display: inline;
type: link;
}

#bottone
{
position: relative;
background: url(immagini/sfondobottone.jpg);
border: ridge 4px;
border-color:"965C61";
margin-top: 0px ;
margin-bottom: 0px;
display: inline;
font-size: 1em;
font-style: bold;
padding: 0.3em;
font-shadow: visible;
width: 130px;
height: 20px;
}


#contenitore
{
border: groove red 4px;
font-size: 1em;
padding-top: 0px;
padding-bottom: 10px;
margin-top: 3%;
/* allineamento standard in CSS */
text-align: center;
width: 900px ;
position: absolute;
top: 50%;
left: 50%;
}

#intestazione {
background: url(immagini/provafoto2.jpg) no-repeat;
padding-top: 418px;
position:relative;
margin: 0px auto;
width: auto;
border: ridge 6px;
border-color: "666633" ;
padding-bottom: 0px;
}

#titolo
{
background: transparent;
position: relative ;
margin-left:40%;
text-align: center;
padding-top: 30px;
display: inline;
}

#contenuto
{
padding: 15px;
margin-left:190px;
text-align: center;
border-left: solid red 1px;
}

*html #contenuto h2
{
margin-top: 2px;
}

[D74]

mo stacco + tardi se non hai risolto guardo sul bibbione del css....anche se non è strettamente un mio campo....

[Teomotard]

oooooook grazie mille
ho provato con quello che mi dicevi tu ma
1 in firefox non viene centrato e in ie viene spostato tutto da bestia verso destra

[Turbo-555]

io oodio i css...

cmq, prova a dare un occhio a questo link forse ti può aiutare...

oooooook grazie mille
ho provato con quello che mi dicevi tu ma
1 in firefox non viene centrato e in ie viene spostato tutto da bestia verso destra

non vorrei dire una cazzata ma top:50% + left:50% non ti mette l'angolo alto di sx del container in quelle posizioni? quindi non centrato ma basso a dx appunto?

[D@lyn]

ragazzi state facendo molta confusione se mi giri un link con la pagina ti do una mano....il position absolute si usa solo dentro un contenitore posizionato con un relative..