Visualizzazione dei risultati da 1 a 10 su 10
  1. #1

    allinere in alto con css (?)

    Ciao a tutti,

    ho il seguente codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    text-align: center;
    }
    #esterno {
    width: 0px auto;
    margin: 0px auto 0px auto;
    background-color: #7e7e7e;
    border: 0px;}

    #header {
    background-color: #7e7e7e;
    background-image: url(file:///C|/Documents%20and%20Settings/stukken/Documenti/RS/sito/PROVE/header.jpg);
    height: 270px;
    width: 770px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    top: 0px;
    right: 0px;
    }
    #menu {
    background-color: #7e7e7e;
    background-image: url(file:///C|/Documents%20and%20Settings/stukken/Documenti/RS/sito/PROVE/sfondo.jpg);
    height: 60px;
    width: 770px;
    }
    -->
    </style>
    </head>

    <body>
    <div id="esterno">
    <div id="header"></div>
    <div id="menu"></div>
    <div id="contenuto"></div>
    <div id="footer"></div>
    </div>

    </body>
    </html>


    non riesco a capire perchè quando visualizzo la pagina rimangono circa 5 millimetri in alto e a sinistra bianchi...vorrei che la pagina fosse tutta un colore dove sbaglio? il problema si pone perchè avendo un fondo colorato mi rimane quel bruttissimo bordino bianco in alto e a sx ...

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    per il body prova ad impostare margin:0; padding:0;
    Vuoi aiutare la riforestazione responsabile?

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

  3. #3
    grazie, funziona...

  4. #4

    firefox

    ancora io: funziona con explorer ma non con firefox. Anzi con firefox mi rimane anche una linea orizzontale di fondo tra i primi due div (header e menu) di circa 5 millimetri...

  5. #5

  6. #6
    prova a controllare le immagini

    -ho preso il tuo codice
    -ho aggiunto il border-margin-padding 0px suggeriti da fcaldera
    -ho ricreato le immagini usando le misure che avevi dato ai div
    -ho reso relativi i percorsi

    e il risultato non presenta bordi da nessuna parte
    Immagini allegate Immagini allegate

  7. #7

    firefox

    il problema è con firefox e i testi.

    Quando vado ad aggiungere padding per impostare i margini del testo (top left e right) firefox oltre al testo sposta tutto il div, comprese le immagini di sfondo, che a quel punto si "staccano" dal div sopra facendo vedere lo sfondo inferiore di colore diverso.

    Questo mi succede sia settando un tag o facendo una classe.

    Con explorer funzionano regolarmente...dove sbaglio?


  8. #8
    a dimenticavo con firefox non funziona neanche l'allineamento centrale della pagina, rimane tutto a sinistra...con explorer tutto normale...

    e pensare che ho sempre amato firefox

  9. #9

    Re: firefox

    Originariamente inviato da Lukros
    il problema è con firefox e i testi.

    Quando vado ad aggiungere padding per impostare i margini del testo (top left e right) firefox oltre al testo sposta tutto il div, comprese le immagini di sfondo, che a quel punto si "staccano" dal div sopra facendo vedere lo sfondo inferiore di colore diverso.

    Questo mi succede sia settando un tag o facendo una classe.

    Con explorer funzionano regolarmente...dove sbaglio?

    e' un baco di explorer

    anziche' dare il padding al div, dai il margin al testo: molto probabilmente risolvi

    codice:
    #nomediv p {margin: 10px 10px auto 10px;}
    edit:

    codice:
    #esterno {
    width: 0px auto;
    margin: 0px auto 0px auto;
    background-color: #7e7e7e;
    border: 0px;}
    width: 0px auto!? :master:

    ri-edit: si, il problema sta li': dagli una larghezza corretta (770px e ormai che ci sei toglila sotto che e' inutile e rischi solo di complicarti la vita, visto che gli elementi blocco prendono normalmente il 100% dello spazio a loro disposizione)

  10. #10
    layout centrato rispetto al mio schermo:
    Immagini allegate Immagini allegate

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.