Visualizzazione dei risultati da 1 a 9 su 9

Discussione: Centrare div

  1. #1

    Centrare div

    Ciao,
    sono col solito problema che il sito non mi si centra e mi da dei problemi con IE, compreso quello che mi conpare il titolo del sito nelle pagine e non so come mandarlo via. Il sito è questo (è da finire): http://www.webalice.it/fragola81/

    Mi dite se si vede abbastanza bene (a parte quello che ho detto) e cosa va cambiato?

    Ecco l'HTML:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xml:lang="it" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
    <title>.::PinkBetta::.</title>
    <link rel="stylesheet" type="text/css" href="style.css" media="screen">
    </head>
    <body>
    <div id="container">

    <div id="header">
    </div>
    <div id="menu">
    Home
    <h4>Grafica & Fotografie</h4>
    Template
    Ritoccate

    Varie
    <h4>Acquario</h4>
    Descrizione
    Video
    Galleria Foto
    </div>

    <div id="content">
    <h3>Ciao,</h3>


    Sono appassionata di animali da sempre, e dei pesci da qualche
    anno, più precisamente dalla fine del 2005, quando mi è stato regalato l'acquario.
    Trovo che i pesci siano delle creature estremamente interessanti dal punto di
    vista comportamentale, oltre che essere molto belli. Il mio preferito è (nemmeno a dirlo)
    il Betta Splendens, che ho avuto fin dall'inizio della mia passione per l'acquariofilia.
    Inoltre mi piacciono molto i Corydoras e le chiocciole. Penso chel'acquario sia
    un modo per imparare moltissime cose riguardo l'acqua e le creature che ci abitano.
    Mi piace praticare questo hobby anche mettendomi in contatto (prevalentemente tramite siti internet)
    con altri acquariofili e quando posso vado a mostre ed eventi relativi ai pesci.</p>


    Il computer è entrato nella mia vita relativamente tardi. All'inizio usavo
    quelli della scuola che frequentavo e non avevano l'interfaccia grafica, ma si
    impartivano istruzioni tramite comandi in DOS. Il mio primo computer l'ho avuto
    come regalo per la maturità. Ho iniziato ad appassionarmici da subito e ho deciso di
    seguire dei corsi per impararlo ancora meglio. In uno di questi corsi ho iniziato
    a realizzare i siti internet, mi è piaciuto moltissimo e così ho continuato anche
    per conto mio. Riaguardo alla grafica sono un'autodidatta, dunque può darsi che
    alcuni errori li faccia.</p>


    Vi lascio alla visita sul sito, ciao!</p>
    [img]varieimg/barra.gif[/img]


    </p>

    [img]varieimg/vasi.gif[/img]
    [img]varieimg/color.gif[/img]
    [img]varieimg/rosso.gif[/img]
    </div>
    <div id="footer">
    </div>
    </div>
    </body>
    </html>

    CSS:

    /*Css Document - Design by PinkBetta*/

    body {
    font-family:Times New Roman, Verdana;
    background-image:url(varieimg/muro.jpg);
    background-position:center;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    margin-top:10px;
    text-align:center;
    }

    #container {
    position:absolute;
    margin:0px auto;
    /*left:200px;*/
    text-align:left;
    background-image:url(varieimg/back.gif);
    background-position:center;
    background-repeat:repeat-y;
    }


    h3 {
    text-align:center;
    font-style:italic;

    }

    h4 {
    text-align:left;
    padding:0px 0px;
    font-size:15px;
    line-height:1px;
    font-style:italic;
    }


    p {
    text-align:left;

    }


    #header {
    background-image:url(varieimg/header.jpg);
    width:800px;
    height:210px;
    background-repeat:no-repeat;
    background-position:center;
    margin:0px auto;
    }


    #menu {
    width:600px;
    height:200px;
    margin:0px 0px 0px 50px;
    background-image:url(varieimg/butterfly.jpg);
    background-position:right;
    background-repeat:no-repeat;

    }

    #menu a {

    text-decoration:none;
    font-size:16px;
    color:#FF0099;
    font-style:italic;

    }


    #menu a:hover {

    color:white;

    }


    #menuacqua ul li {

    text-decoration:none;
    color:black;

    }

    #content {

    overflow:auto;
    width:650px;
    height:auto;
    padding:0px 0px 0px 0px;
    margin:0px auto;

    }

    #gallery {

    text-align:center;

    }


    #footer {

    background-image:url(varieimg/footer.jpg);
    background-position:right;
    background-repeat:no-repeat;
    width:700px;
    height:35px;
    clear:both;
    margin:0px auto;

    }

    Grazie!

  2. #2
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543
    togli dal container la posizione assoluta

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    153
    Io proverei a modificare un pochino il menù...
    Niente è impossibile...

  4. #4
    Ora provo grazie.

    Il menù fa schifo, lo so, ho intenzione di cambiarlo, per ora mi dedicavo a mettere il sito al centro. Grazie dei consiglio comunque, dato che sono all'inizio servono sempre per imparare.

    Ma in totale si vede bene o è spaginato? E per il discorso del title su IE?

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    170
    Ciao, non avevo voglia di leggere tutto il tuo codice, però se prendiamo ad esempio un div, con larghezza definita di 400px; il css per centrarlo è il seguente:
    position: absolute; margin-left 50%; left: -200px;
    In sostanza facciamo partire il div dal 50% dello schermo, e poi lo facciamo rientrare a sinistra della metà della sua ampiezza, cosi resterà sempre centrato.
    ciao.

  6. #6
    Originariamente inviato da paul_rnr
    Ciao, non avevo voglia di leggere tutto il tuo codice, però se prendiamo ad esempio un div, con larghezza definita di 400px; il css per centrarlo è il seguente:
    position: absolute; margin-left 50%; left: -200px;
    In sostanza facciamo partire il div dal 50% dello schermo, e poi lo facciamo rientrare a sinistra della metà della sua ampiezza, cosi resterà sempre centrato.
    ciao.
    Avevo sentito dire che mettere i margini negativi non è bene, poi non lo so per adesso sono una principante.

  7. #7
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da PinkBetta
    Avevo sentito dire che mettere i margini negativi non è bene, poi non lo so per adesso sono una principante.
    non ci sono particolari problemi, anzi... molti layout multicolonna possono essere realizzati in questo modo
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  8. #8
    Originariamente inviato da fcaldera
    non ci sono particolari problemi, anzi... molti layout multicolonna possono essere realizzati in questo modo
    Ok bene a sapersi, grazie!

  9. #9
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543
    un div può essere centrato anche con margin: 0 auto; li centro anche così io a volte

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

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 © 2025 vBulletin Solutions, Inc. All rights reserved.