Visualizzazione risultati 1 fino 6 di 6

Discussione: [CSS] Alliniare i div...?

  1. #1
    Guest

    Post [CSS] Alliniare i div...?

    Ciao a tutti, mi sono creato un css che in pratica funziona così:
    c'è un div (tutto) che contiene tutti i div con 10px di bordo sia a destra che sinistra..ora nel div "content" c'è settato un padding di 10px, del bordo sopra, sotto e a sinistra a 2px..nel menù invece la stessa cosa solo che il bordo è a destra (invece che sinistra)..ora sotto questi 2 c'è il copyright ma invece di stare al suo posto..sale anche perchè i bordi risultano uno più lungo e uno più corto...come posso fare ad allinearli?
    CSS:
    Codice PHP:
    #footer {
    text-align: center;
    border-top: 3px solid #000000;
    font-size: 9px;
    padding-top: 2px;
    background-color: #ffffff;
    float: center;
    }
    #contentadmin {
    padding: 10px;
    text-align: left;
    float: right;
    width: 443px;
    height: auto;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    }
    #menuadmin {
    padding: 10px;
    text-align: left;
    float: left;
    width: 113px;
    height: auto;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    }
    #tutto {
    border-left: 10px solid #000000;
    border-right: 10px solid #000000;
    margin-left: 200px;
    width: 600px;
    padding: 0;
    background-color: #ffffff;
    height: auto;
    float: center;
    }
    HTML (PHP):
    Codice PHP:
    <div id="tutto">
    <
    div id="menu">
    - <
    a href="#">NOME PAGINA</a><br />
    - <
    a href="#">NOME PAGINA</a><br />
    - <
    a href="#">NOME PAGINA</a><br />
    - <
    a href="#">NOME PAGINA</a><br />
    - <
    a href="#">NOME PAGINA</a><br />
    - <
    a href="#">NOME PAGINA</a><br />
    - <
    a href="#">NOME PAGINA</a>
    </
    div>
    <
    div id="contentadmin">TESTO DEL CONTENT</div>
    <
    div id="copyright">&copy; 2008 Davide.Tutti i TESTO<br />TESTO TESTO</div>
    </
    div>
    Se lo testate vi risulterà (almeno a me risulta) uno più lungo e uno più corto..quindi il bordo sballa, il copyright sale dove c'è il menu (in questo caso sale dove c'è il contentadmin) e la grafica sballa...Perchè? Grazie 1000...ciao Davide! ^________^
    PS. Quel CSS non è tutto sono dei pezzi che ho preso..(ossia quelli interessati) invece per l'HTML ho fatto uno skema..visto che estrapola dati dal DB! ^______________^

  2. #2
    Guest

    Predefinito

    Se ho ben capito, ci sono due menù laterali ed un footer dov'è collocato il copyright...Al copyright dovresti mettere clear:both per farlo stare giù...
    Se non è così, potresti postare un link di esempio per capire meglio...
    Ultima modifica di LaDispensa : 30-12-2008 alle ore 00.20.02

  3. #3
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    io butto li questo: absolute columns

  4. #4
    L'avatar di webpaul
    webpaul non è connesso Utente attivo
    Data registrazione
    29-04-2005
    Messaggi
    257

    Predefinito

    io quoto LaDispensa... clear:both dovrebbe essere la soluzione ottimale.

  5. #5
    Guest

    Predefinito

    Codice:
    #tutto {
    	border-left: 10px solid #000000;
    	border-right: 10px solid #000000;
    	margin-left: 200px;
    	width: 600px;
    	padding: 0;
    	background-color: #ffffff;
    	height: auto;
    	float: center;
    }
    A quanto io sappia il float center non esiste!

  6. #6
    Guest

    Predefinito

    Citazione Originalmente inviato da nokiagames Visualizza messaggio
    Codice:
    #tutto {
    	border-left: 10px solid #000000;
    	border-right: 10px solid #000000;
    	margin-left: 200px;
    	width: 600px;
    	padding: 0;
    	background-color: #ffffff;
    	height: auto;
    	float: center;
    }
    A quanto io sappia il float center non esiste!
    E quindi per centrare la pagina dovresti utilizzare il margin:0 auto;

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •