Beiträge von dgraf

    fauxcolumns richtig hmmm nur mit padding und margin klappt es nicht
    ich lern mit video tutorials
    schon etwas kompliziert ich bin neuling
    naja werd das mal probieren
    lg

    Hab n kleines Problem mit dem layout.
    und zwar weil in css spalten nicht gleich sind, hab daher eine grafik gekachelt um die spalten zu simulieren und dem body zugewiesen . Das klappt auch aber wenn ich ein element drüber leg verschiebt sich dieses
    mit der grösse des browserfensters.

    Also so funktioniert es garnicht denn wird der Rahmen kleiner als das h1 Element :? im ie und firefox probiert und hab den quelltext validiert und es ist alles konform. ich vermute das h1 Element nimmt den pixelraum mit ein.

    kann mir jemand sagen was ich falsch mach? Also das h1 Element wird korrekt zentriert, das andere nicht. Ich bin neu in css also nicht meckern :)

    h1 {
    font: 20px Arial;
    border-style: solid;
    width: 30px;
    height: 30px;
    background-color: purple;
    padding: 25px 25px 25px 25px;
    position: absolute;
    left: 300px;
    }
    Gruß grafi

    Eigentlich wollte ich das ja im Seminar hier lernen, aber ohne eine richtig gezeigte Aufgabe mit Lösung schwierig :( aber vielen Dank, hat funktioniert.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">


    <head>
    <title>Titel</title>


    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (<!-- w --><a class="postlink" href="http://www.scriptly.de">http://www.scriptly.de</a><!-- w -->)" />


    <link href="design.css" type="text/css" rel="stylesheet" />
    </head>


    <body>
    <h1>hallowilli</h1>



    </body>
    </html>
    -------------------------------------------------------------------------------
    css:


    h1
    {
    width:1px;
    border-style:solid;
    border-color:purple;

    }