Posizionamento testo

giovedì 14 settembre 2006 - 01.21

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

MordadellaGay Profilo | Junior Member

54 messaggi | Data Invio: gio 14 set 2006 - 01:21

Ciao ho un problema nella gestione dei fogli di stile

Ho pagina caratterizzata da una struttura del tipo

#sidebar
{
margin-left: auto;
margin-right: auto;
float: left;
width: 150px;
}

.page {
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#home, #resume, #links, #register, #admin-albums, #admin-photos
{
background-image: url(images/body-repeat.gif);
position: relative;
width: 686px;
padding: 0px 37px;
padding-top: 1px; /* Weird Mozilla Bug */
padding-bottom: 40px; /* Weird Mozilla Bug */
}

<div class="page" id="home">
<div id="sidebar">
testo testo
</div>

<div id="content" style="text-align: left">
<TABLE ....

Il mio problema è che "testo testo" risulta leggermente sposta verso Dx e non combacia perfettamente con il bordo laterale

... questo perchè anche sidebar è distante dal bordo SX

Posso, eventualmenete (se non esiste altra soluzione) posizionare io il "testo testo" in modo assoluto, dimenticando eventuali margini laterali??

Grazie

marcovivio Profilo | Expert

548 messaggi | Data Invio: gio 14 set 2006 - 08:44

Non so se ho capito bene la tua richiesta, però potresti usare l'attributo text-align, avendo come possibili valori: left, middle, right e justify.
Però forse te intendevi come dare le coordinate di dove posizionare il testo?
Ciao
MV

freeteo Profilo | Guru

6.542 messaggi | Data Invio: gio 14 set 2006 - 09:06

ciao,
hai provato a togliere margin e padding del body? perche' di default mi sembra sia qualche pixel e quindi ti da quell'effetto...
Infatti la prima cosa che faccio io nel foglio di stile è proprio:

body { padding:0px; margin:0px; }

Ad ogni modo se vuoi per avere posizioni assolute basta che imposti la proprieta' "position:absolute" e poi imposti "left" o "right" o "top" o "bottom"...
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

MordadellaGay Profilo | Junior Member

54 messaggi | Data Invio: gio 14 set 2006 - 10:32

Grazie ad entrambi... in effetti non era un testo ad inserire (l'ho scritto per semlicità) ma un ASCX... cmq ho provato a seguire i vostri consigli, mettendo text-align e posizione assoluta ma non è cambiato niente

MordadellaGay Profilo | Junior Member

54 messaggi | Data Invio: gio 14 set 2006 - 19:23

Sono ancora io :)

ma non esiste proprio un metodo per visualizzare il mio Menu "sopra" il layout esistente?? (non considerando margini ed impostazioni sottostanti)??

Grazie

freeteo Profilo | Guru

6.542 messaggi | Data Invio: gio 14 set 2006 - 20:28

ciao,
ecco il codice html che mediante stle lo fa, ma era esattamente quello che ti avevo detto nel post precedente

<html>
    <head>
        <style type="text/css" >
            #assoluto {position:absolute; 
                               top:0px; right:0px; 
                               border:solid silver 1px; 
                               padding:10px;}
        </style> 
    </head>
    <body>
        <div id="assoluto">eccom qui</div>
    </body>
</html>

ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

MordadellaGay Profilo | Junior Member

54 messaggi | Data Invio: gio 14 set 2006 - 21:24

Niente

Sono ancora nella stessa situazione! C'è quello spazio a Dx che rimane

MordadellaGay Profilo | Junior Member

54 messaggi | Data Invio: gio 14 set 2006 - 21:34

Ho fatto altre prove, nel css ho messo

position: absolute
top: 0 px
left: 0 px

Con IE OK ma con FireFox lo vedo come prima....

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !