HTML-szerkesztés kezdőknek!!!
  • Nosztredamus
    #9066
    Üdv!

    HTML rész:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>-= =-</title>
    <link rel="stylesheet" type="text/css" href=.css" />
    </head>
    <body>
    <div id="full-html-page">
    <div id="banner"></div>
    <div id="menu"></div>
    <div id="content-home">
    <div id="box"><div id="box-text">
    </div></div>
    <div id="content-home-text">
    </div>
    </div>
    <div id="footer"></div>
    </div>
    </body>
    </html>

    CSS rész:

    #full-html-page{
    width: 800px;
    height: auto;
    background-color: #000;
    margin: 0px auto;
    }
    #banner{
    width: 800px;
    height: 300px;
    border: 1px solid #929292;
    -moz-border-radius: 180px 180px 0 0;
    }
    #menu{
    width: 800px;
    height: 25px;
    border: 1px solid #929292;
    border-top: none;
    }
    #content-home{
    width: 800px;
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
    }
    #content-home-text{
    width: 580px;
    margin-left: 10px;
    color: #fff;
    }
    #box{
    float: right;
    position: relatives;
    width: 200px;
    border-left: 1px solid #929292;
    }
    #box-text{
    width: 180px;
    color: #fff;
    }

    A kérdés pedig: Hogyan érhetem el azt, hogy a "box" és a "content-home" magassága függjön egymástól?
    A lényeg az lenne, hogy ne kelljen növelnem mind2 div méretét azért, hogy a box tartalma ne lógjon le a "footer" részbe.
    Táblázatot nem igazán szeretnék beletenni, de ha nem tudtok rá más módot akkor az lesz :)