LinkBack URL
About LinkBacksCiao a tutti!
Ho un problemino banale...
non riesco a far visualizzare bene un position:relative in un div centrato nella pagina.
Perchè?
I codici html sono questi:
e quelli css questi:Codice HTML:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="content"> <div id="index"> qui dovrebbe esserci il testo del div con tag absolute </div> </div> </body></html>
come posso risolvere?Codice PHP:body {
background: url('images/back_stripes.png');
font-size: 12px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#ffffff;
padding:0px;
margin:0px;
}
#content {
display: block;
width: 700px;
height: 544px;
position: absolute;
top: 50%;
left: 50%;
margin: -272px 0 0 -350px;
background: url('images/index.png');
border: 1px solid #FFFFFF
}
#index {
position: relative;
top:10px;
left:10px;
width: 551px:
height: 513px;
}
Visualizzazione risultati 1 fino 3 di 3
Discussione: [css]Position: relative non va!
-
06-12-2009, 12.05.40 #1Guest
[css]Position: relative non va!
-
06-12-2009, 13.42.35 #2Guest
Anche io ho avuto lo stesso problema e ho risolto mettendo il div relative dentro un obsolute...
-
06-12-2009, 14.59.38 #3
Super Moderatore
- Data registrazione
- 19-10-2004
- Residenza
- fuori Padova
- Messaggi
- 5,046
C'è che in teoria i due ID dovrebbero essere scambiati, almeno per quel che riguarda il posizionamento CSS:
- position:relative serve a stabilire una "base" di riferimento per il posizionamento assoluto di altri moduli
- position:absolute, quindi, "stacca" l'elemento a cui è associato dal flusso di testo e lo posiziona alle coordinate stabilite in top/bottom e left/right, calcolate rispetto al più vicino "contenitore" con stile position:relative (oppure il tag BODY se non viene trovato nulla).
Stammi bene...Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?
When you don't know your next step... improvise
ALTERVISTA WANTS YOU!
Vuoi diventare moderatore su AlterVista? Scopri come...
