Aangemaakte reacties

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Forum: Thema en CSS/opmaak
    In antwoord op: Flexibele onderkant
    Thread starter ernst_webdesign

    (@ernst_webdesign)

    Bedankt allemaal het is gelukt wat blijkt nou in de hoofdlijn stond:

    .hoofdlijn {
    	width: auto;
    	position: relative;
    	min-height: 100%;
    }

    die position: is niet goed ik heb hem weg gehaald en hij is helemaal top.

    Forum: Thema en CSS/opmaak
    In antwoord op: Flexibele onderkant
    Thread starter ernst_webdesign

    (@ernst_webdesign)

    hierbij mijn style sheet

    @charset "utf-8";
    body {
    	background-image: url(../images/jute.jpg);
    	background-repeat: repeat;
    	min-height: 100%;
    }
    html, body {
        color: #58585A;
        font-family: arial,verdana,helvetica,'trebuchet MS';
        font-size: 12px;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .hoofdlijn {
    	width: auto;
    	position: relative;
    	min-height: 100%;
    }
    .container {
    	overflow: hidden;
    	width: 960px;
    	min-height: 100%;
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	padding-top: 100px;
    	padding-right: 25px;
    	padding-bottom: 100px;
    	padding-left: 25px;
    }
    .logo {
    	vertical-align: middle;
    }
    
    .uitlijnen {
    	min-height: 100%;
    
    }
    .onder {
    	background-image: url(../images/onder.png);
    	background-repeat: repeat-x;
    	height: 100px;
    	width: 100%;
    	position: absolute;
    	bottom: 0px;
    	display: block;
    }
    
    .boven {
    	background-image: url(../images/boven.png);
    	background-repeat: repeat-x;
    	height: 100px;
    	top: 0px;
    	position: absolute;
    	left: 0px;
    	width: 100%;
    }
    .links {
    	width: 100px;
    	background-repeat: repeat-y;
    	background-image: url(../images/links.png);
    	left: 0px;
    	height: 100%;
    	display: block;
    	background-position: 0px;
    	top: 0px;
    	position: absolute;
    }
    
    .rechts {
    	background-image: url(../images/rechts.png);
    	background-repeat: repeat-y;
    	height: 100%;
    	width: 100px;
    	right: 0px;
    	position: absolute;
    	display: block;
    	top: 0px;
    }
    .footer {
    	font-size: 0.8em;
    	color: #CCC;
    	font-style: italic;
    	text-decoration: none;
    	text-align: center;
    	margin-bottom: 0px;
    }
    Forum: Thema en CSS/opmaak
    In antwoord op: Flexibele onderkant
    Thread starter ernst_webdesign

    (@ernst_webdesign)

    tja ik ben inderdaad net begonnen maar ik wil een kolom in het midden waar de inhoud van de website komt.
    ik had de hoogte al op 100% gezet. en de bottum op 0 maar ja lukken doet het nog niet.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)