Autor Zpráva
StrangeRTV
Profil
Ahoj,
Dnes jsem zkoušel vytvořit si tabulku pod headerem, ale vytvoří se vždy jen takový malý proužek, který se zvětšuje jen podle textu.

CSS:
body {
    background: url("http://stranger.cf/images/bg.jpg") no-repeat center center fixed;
    margin: 0;
    padding: 0;
    position: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}
 
.header {
    height: 45px;
    width: 100%;
    background-color: #0068a1;
    top: 0;
    position: fixed;
}
 
.header table td a {
    color: #ffffff;
    text-decoration: none;
    font-size: 20pt;
    padding-left: 10px;
    padding-right: 10px;
}
 
.header table td {
    text-align: center;
}
 
.header table {
    position: fixed;
    width: 100%;
    height: 45px;
    margin-bottom: 10px;
}
 
.header table td a:hover {
    color: #ff9900;
}
 
div {
    display: block;
}
 
.title table {
    width: 100%;
    height: 50%;
    margin-left: auto;
    margin-right: auto;
}
 
.title {
    width: 100%;
    height: 50%;
    background-color: #000000;
    display: block;
}
 
.title table td p {
    width: 100%;
    height: 50%;
}

HTML:
<!DOCTYPE html>
<html>
    <head>
        <title>StrangeR's Website</title>
        <link rel="stylesheet" href="addons/style.css">
    </head>
    
    <body>
        <section class="header">
            <table>
                <td>
                    <a href="index.php">HOME</a>
                    <a href="#">EDITOR</a>
                    <a href="#">IMAGES</a>
                    <a href="#">VIDEOS</a>
                    <a href="#">SCRIPTS</a>
                </td>
            </table>
        </section>    
        
        <section class="title">
            <table>
                <td>
                    <p> awdawdnfdnfndldnldldnl </p>
                </td>
            </table>    
        </section>
    </body>
</html>

Ukázka: http://stranger.cf/

Takhle nějak by to mělo být: http://stranger.cf/uploads/prev.png
Ale ten obdélník bude plný (Jen jsem zatím označil pozici v malování)
Bubák
Profil
Pozicovat body není dobrý nápad.
Tomáš123
Profil
StrangeRTV:
Ty vlastne potrebuješ, aby tá tabuľka, ktorú tam momentálne nevidno, mala svoju výšku aj keď v nej žiadny text nie je?
Ak áno skús použiť CSS vlastnosť min-height: ...;.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: