Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di Fractals87
    Registrato dal
    Apr 2008
    Messaggi
    1,202

    [CSS] Layout Div: Posizionamento

    Ciao a tutti Vi posto innanzitutto il css e html

    Css.
    #head {
    width: 968px;
    height: 150px;
    margin: 0 auto;
    padding: 0;
    background-color:red;
    }

    #body {
    width: 968px;
    height: 600px;
    margin: 0 auto;
    padding: 0;
    background-color:green;
    }

    #foot {
    width: 968px;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    background-color:blue;
    }

    #contein {
    width: 500px;
    height: 800px;
    margin: 0 auto;
    padding: 0;
    background-color:white;
    z-index: 34;
    }

    HTML..

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>3P S.r.l servizi e soluzioni IT</title>
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    </head>

    <body>

    <div id="head">
    </div>

    <div id="body">
    <div id="contein">

    </div>
    </div>

    <div id="foot">
    </div>

    </body>
    </html>

    Cio che vorrei fare è che il div bianco ovvero conteiner sovrasti per un pezzettino il conteiner rosso e il conteiner verde rispettivamente head e footer... leggendo nei vari post ho provato con lo z-index che sembrava fare al caso mio pero o sbaglio qualcosa in quello oppure nn è cio che devo usare... come posso fare???? grazie a tutti

  2. #2
    Utente di HTML.it L'avatar di Fractals87
    Registrato dal
    Apr 2008
    Messaggi
    1,202
    Soluzione trovata ma vorrei sapere da voi se è una soluzione corretta o possono insorgere problemi in incompatibilita e di intrerpretazione tra i vari browser... non sembra ma masticare bene i css è davverro complicato cmq il css adesso è cosi

    #head {
    width: 968px;
    height: 150px;
    margin: 0 auto;
    padding: 0;
    background-color:red;
    }

    #body {
    width: 968px;
    height: 600px;
    margin: 0 auto;
    padding: 0;
    background-color:green;
    }

    #foot {
    width: 968px;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    background-color:blue;
    }

    #contein {
    width: 600px;
    height: 700px;
    margin: 0 auto;
    padding: 0;
    background: silver;

    position: relative;
    top: -50px;
    left:100px;
    z-index: 1;
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    372
    io ti consiglio di mettere position:absolute con float:left e nel body o il div che deve stare sotto in poche parole, inserisci display:table..


    ciao

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.