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 (http://flumpcakes.co.uk/css/center-div-ie) 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..

[Teomotard]

io oodio i css...

cmq, prova a dare un occhio a questo link (http://flumpcakes.co.uk/css/center-div-ie) forse ti può aiutare...

OK grazie

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?

si esatto... mette l'angolo sinistro in centro

[D@lyn]

leggi il mio post di prima

[Teomotard]

leggi il mio post di prima
scusa non avevo visto

cmq il sito è B&B AUGUSTUS (http://www.bb-augustus.com)

e il css è quello qui postato

[Turbo-555]

hai già provato a mettere un align center per il body? così dovrebbe centrarti tutto il contenuto del body, e visto che hai solo il container principale..

[D@lyn]

guarda se ho capito bene se è quello che vuoi...


body {background: url(immagini/sfondo.jpg) repeat fixed; padding: 0px;margin:0px; font-family: Arial; }

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 {
position:relative; margin:0px auto;
border: groove red 4px;
font-size: 1em;
padding-top: 0px;
padding-bottom: 10px;
margin-top: 3%; /* allineamento standard in CSS */
text-align: center; /* compensiamo l’allineamento al centro */
width: 900px ;
}

#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;}

#tabella {font-family: Arial Black, bold; font-size: 2em; font-style: ; margin-bottom: 10px;}

A:hover {color: black; padding-top:0.2em; padding-bottom:0.2em; padding-left: 0.1em; padding-right: 0.1em; background-color: transparent;}

A:link {color: black;}

A:visited {color: black;}

/* End of style section. Generated by AceHTML at 08/07/2009 10.35.05 */

poi cancella dalla pagina html il contenitore2

ci sono molti errori dentro al css ...sicuramente avresti diversi problemi su browser differenti
magari dovresti studiarti un po un css ben fatto e poi magari partire da quello e svilupare il tuo

un'altra cosa che ho visto ...metti davanti al valore esadecimale dei colori il #

[Teomotard]

perfetto grazie mille!

si ci sono molte cose che devo migliorare... che ho messo poi tolto ecc... mi metterò a studiarmeli...
ma ora sono li che boccheggio per esami.... quando finirò gli esami seguirò sicuramente il tuo consiglio.

Grazie ancora

[D@lyn]

perfetto grazie mille!

si ci sono molte cose che devo migliorare... che ho messo poi tolto ecc... mi metterò a studiarmeli...
ma ora sono li che boccheggio per esami.... quando finirò gli esami seguirò sicuramente il tuo consiglio.

Grazie ancora

de nada...:wink_:

[D74]

grazie D@lyn all'inizio c'era solo una parte....di css...

eheheh

[Teomotard]

grazie D@lyn all'inizio c'era solo una parte....di css...

eheheh

si sono un po pirla potevo metterla tutta subito...

[D@lyn]

grazie D@lyn all'inizio c'era solo una parte....di css...

eheheh

vai tranqui...mi ci scontro tutti i giorni con sti css maledetti che se fossero solo questi i problemi non avrei più da lavorare... pensa quando devi testare tutto un sito e relativo css su 4-5 browser differenti e ognuno fa come cavolo gli pare..:sick:

[D74]

già

[Teomotard]

vai tranqui...mi ci scontro tutti i giorni con sti css maledetti che se fossero solo questi i problemi non avrei più da lavorare... pensa quando devi testare tutto un sito e relativo css su 4-5 browser differenti e ognuno fa come cavolo gli pare..:sick:

la prossima volta so a chi chiedere :tongue:

un momento... ora non va più con ie:wacko:

forse c'è stato un problema quando ho caricato il tutto... ora riprovo

[D@lyn]

prima di tutto le classi le devi chiamare con il punto davanti (.tabella) non con il #..metti a posto i colori merttendo davanti il #...

[Teomotard]

quindi intestazione, contenitore ecc

dovrei fare "contenitore.contenitore" al posto di "#contenitore"?

[D@lyn]

metti a posto per prima cosa il doc type..in alto alla paginma html


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

quando devi fare una classe dentro all'altra fai così

.classe1 . classe2
gli # si usano per fare altre cose....

[Teomotard]

metti a posto per prima cosa il doc type..in alto alla paginma html



quando devi fare una classe dentro all'altra fai così

.classe1 . classe2
gli # si usano per fare altre cose....

:dry:boh il doc type me l'ha generato da solo ace... ok quindi quello che ho detto prima non c'entra... e devo mettere . contenitore al posto di #contenitore

[D@lyn]

guarda lascia stare i certi programmi che lì per lì ti possono sembrare utili ... il codice andrebbe scritto tutto a mano...
si impara quello che si scrive e ci si toglie dalle balle tutto la mondezza che buttano dentro l'html certi programmi del menga..

[Teomotard]

si direi che hai ragione... beh ora son mezzo fuso è da un po che non pratico ste cose e mi son perso la storia delle classi... vedo a prendere un po d'aria e poi cerco di capire bene. grazie cmq per l'aiuto

:cry::cry::cry::cry::cry: adesso su ie vengono un po di pagine normali e un po storte....:cry::cry::cry::cry: non ne posso più

[MR-T]

capito tutto.....:ph34r: