Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    175

    problema posizionamento box

    ciao ragazzi,
    è da poco che uso i css e quindi mi limito nelle cose più semplici. Adesso sto provando dei box con position absolute. Il problema è che creando una struttura centrata, quando al box con position absolute do una posizione in px, però non riesco mai a sistemarli centrati al contenitore della struttura. Quando visualizzo il sito con risoluzione diversa il contenitore va centrale ma i box restano a sinistra. Qualcuno sa dirmi come fare? Vi posto il codice:


    @charset "utf-8";
    /* CSS Document */

    body{ background:url(sfondo.png); background-repeat:repeat-x;margin:0; padding:0; text-align:center; font-family: "Times New Roman", Times, serif;}
    div#contenitore {width:850px; margin: auto; padding-top:15px;}
    div#header{background:#FFFFFF; margin:0px;}
    div#colsx{width: 470px;float:left;}
    div#coldx{width: 380px; padding-top:60px; float:left;}
    div#box1{ background:url(box.gif) no-repeat; position:absolute; width:300px; height:300px; top:600px; left:200px; float:left; text-align: left; padding-top:35px; color:#0099CC}
    div#box2{ background:url(box2.gif) no-repeat; position:absolute; width:300px; height:300px; top:600px; left:515px; float:left;text-align: left; padding-top:35px; color:#0099CC}
    div#box3{background:url(box3.gif) no-repeat;position:absolute;width:300px;height:300px; top:600px;left:829px;float:left;text-align: left;padding-top:35px;color:#0099CC}
    h1,h2{margin: 0;padding:0}
    h1{padding-left:30px;font: bold 40/80px arial,serif}
    h2{color: #999; font-family:Georgia, "Times New Roman", Times, serif;font-size: 18px; margin-top:10px;}
    h5{ color: #333333; font-size: 12px;}
    h6{ color:#000000; font-size:10px;}
    div#footer{ background:#ffffff; clear:left;}

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    175
    qualcuno sa dirmi l'errore?

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Un codice cosi` mi rifiuto di leggerlo.
    Se vuoi aiuto sul codice postalo:
    1. incluso negli appositi codici VB (puoi usare il bottone # sopra il campo di input);
    2. opportunamente indentato;
    3. con un attributo per ogni riga.

    Pero` ...
    pero` se sei agli inizi, non usare i posizionamenti assoluti: sono una delle cose piu` difficili e di solito hanno degli effetti collaterali per cui ottieni spesso sovrapposizioni di oggetti.
    Se proprio vuoi usarli, prima leggi e digerisci i seguenti articoli:
    I posizionamenti assoluti
    Capire i posizionamenti relativi


    Comunque per il "centrare" c'e` tra i "link utili" un punto (il primo, in grassetto) che ti consiglio di consultare.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.