Come si può posizionare un div centralmente rispetto ad un altro div (position:relative) senza impostare il width (ho bisogno di lunghezza variabile)?
Grazie.
Come si può posizionare un div centralmente rispetto ad un altro div (position:relative) senza impostare il width (ho bisogno di lunghezza variabile)?
Grazie.
se sono due i div , uno lo metti con un float a sinistra o destra.Originariamente inviato da lore83
Come si può posizionare un div centralmente rispetto ad un altro div (position:relative) senza impostare il width (ho bisogno di lunghezza variabile)?
Grazie.
l altro che deve venire in mezzo ho gli dai un padding automatico in modo che si imposta centrale ai rispetti ai lati , oppure gli dai un padding manuale
Forse non ho capito.
Io vorrei disporre il div "tre" centralmente senza dover impostare la profondità (deve poter variare) e senza utilizzare le distanze left e right in px.
Ovviamente il colore del bordo ha importanza, sennò non avrebbe senso il quesito.
Grazie.Codice PHP:<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#uno {
position:relative;
margin: 0 auto;
border:1px solid black;
width:500px;
height:300px;
}
#due {
border:1px solid red;
position:relative;
margin:0 auto;
padding:0;
height:55px;
width:300px;
top:10px;
}
#tre {
border:1px solid blue;
position:relative;
height:30px;
margin:0 auto;
width:40px;
top:10px;
}
</style>
</head>
<body>
<div id="uno">
<div id="due">
<div id="tre">
</div>
</div>
</div>
</body>
</html>
Up (provate a togliere il width da #tre ed ad inserire un nodo di testo in tale div per rendervi conto della situazione)
se ti servono 3 colonne 2 ai lati è una centraleOriginariamente inviato da lore83
Forse non ho capito.
Io vorrei disporre il div "tre" centralmente senza dover impostare la profondità (deve poter variare) e senza utilizzare le distanze left e right in px.
Ovviamente il colore del bordo ha importanza, sennò non avrebbe senso il quesito.
Grazie.Codice PHP:<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#uno {
position:relative;
margin: 0 auto;
border:1px solid black;
width:500px;
height:300px;
}
#due {
border:1px solid red;
position:relative;
margin:0 auto;
padding:0;
height:55px;
width:300px;
top:10px;
}
#tre {
border:1px solid blue;
position:relative;
height:30px;
margin:0 auto;
width:40px;
top:10px;
}
</style>
</head>
<body>
<div id="uno">
<div id="due">
<div id="tre">
</div>
</div>
</div>
</body>
</html>
babasta che fai così
primo togli quel position relative , che non so perchè lo usi. poi al primo blocco "uno , dagli un float a sinistra
il secondo blocco dagli un float a destra , e anceh al terzo dagli un float a destra.
vedrai una strutturadi 3 colonne .se si accavallano usa un po di padding per regolarli .nient altro.
non mi servono 3 colonne.
credo che tu non abbia provato a vedere cosa venga fuori dal mio codice...
a me serve un div centrato di lunghezza variabile (in questo caso il "tre") con tanto di bordo colorato.
ok ho visto ,Originariamente inviato da lore83
non mi servono 3 colonne.
credo che tu non abbia provato a vedere cosa venga fuori dal mio codice...
a me serve un div centrato di lunghezza variabile (in questo caso il "tre") con tanto di bordo colorato.
e cosa vorresti farne ?
tu vuoi che i div all interno siano centrati senza dagli un width ?
se è così perchè non capisco niente , di quello che vuoi fare,
levaci il widht , e imposta cominciando dal div esterno un padding, della misura che vuoi , fino a far stringere il div della misura che vuoi , senza toccare il widht
ciao
ciao.
impostando le distanze del margin/padding in px ero capace(avevo scritto sopra che non volevo questa soluzione)
grazie comunque per l'aiuto.
altre idee?
Permessi di invio
Rispondi quotando