Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS vraagje

Anoniem
Doofenshmirtz
1 antwoord
  • Ik ben bezig met een website te basen, echter wil ik dat naarmate het paarse vlak groter wordt , het oranje vlak ook meerekt, op dezelfde hoogte.
    Verder moet ik de footer ook onder gepositioneerd hebben, en dat hij dan ook verder naar onderen gaat naarmate het paarse en oranje vlak groter worden.

    Ik hoop dat het een beetje duidelijk is, graag zou ik jullie hulp hierover vragen.

    Screenshot: http://screencap.net/f/e135695e.png

    Mijn css code:

    [quote:6d582ea0f9]
    /* CSS Document */


    body {
    background-color:#FFFFFF;
    margin:0px;

    font-family: verdana;
    font-size: 10pt
    }

    div#main_container{
    background-color: red;
    margin: 0 auto 0 auto;
    width: 1000px;

    }

    div#balkboven{
    background-color: blue;
    height: 50px;
    width: 1000px;

    }

    div#achterlogo{
    background-color: green;
    height: 200px;
    width: 1000px;

    }

    div#achterslider{
    background-color: black;
    height: 250px;
    width: 1000px;

    }

    div#menulinks{
    background-color: orange;
    height: 300px;
    width: 225px;
    float:left;

    }

    div#contentrechts{
    background-color: purple;

    width: 775px;

    float: right;


    }

    div#footer{
    background-color: yellow;
    height: 100px;
    width: 1000px;


    }
    [/quote:6d582ea0f9]

    Html code:

    [quote:6d582ea0f9]
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <link href="stijl.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
    <div id="main_container">
    <div id="balkboven">
    asdsdsdsd
    </div>
    <div id="achterlogo">
    huhu<br />
    </div>
    <div id="achterslider">
    achterslide
    </div>

    <div
    <div id="menulinks">
    menu
    </div> <div id="contentrechts">
    Rechts
    <br />
    dasddd
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit lorem et nunc elementum ut consectetur diam tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis massa purus, pellentesque ac tempor a, lobortis vitae felis. Duis et turpis erat, quis facilisis dolor. In sollicitudin lacinia mi. Nullam sagittis, nulla blandit luctus ullamcorper, mauris urna placerat est, nec vehicula metus sem ac urna. Sed sollicitudin, justo a ultrices placerat, magna dui rhoncus mauris, lacinia tempor sem arcu ut arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et sem metus. Aliquam mauris ipsum, pulvinar vitae euismod ut, fermentum vitae lacus. Pellentesque porta bibendum leo in tincidunt. Vestibulum id est neque, ut fermentum ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
    <p>ctetur adipiscing elit. Duis blandit lorem et nunc elementum ut consectetur diam tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis massa purus, pellentesque ac tempor a, lobortis vitae felis. Duis et turpis erat, quis facilisis dolor. In sollicitudin lacinia mi. Nullam sagittis, nulla blandit luctus ullamcorper, mauris urna placerat est, nec vehicula metus sem ac urna. Sed sollicitudin, justo a ultrices placerat, magna dui rhoncus mauris, lacinia tempor sem arcu ut arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et sem metus. Aliquam mauris ipsum, pulvinar vitae euismod ut, fermentum vitae lacus. Pellentesque porta bibendum leo in tincidunt. Vestibulum id est neque, ut fermentum ipsum. Lorem ipctetur adipiscing elit. Duis blandit lorem et nunc elementum ut consectetur diam tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis massa purus, pellentesque ac tempor a, lobortis vitae felis. Duis et turpis erat, quis facilisis dolor. In sollicitudin lacinia mi. Nullam sagittis, nulla blandit luctus ullamcorper, mauris urna placerat est, nec vehicula metus sem ac urna. Sed sollicitudin, justo a ultrices placerat, magna dui rhoncus mauris, lacinia tempor sem arcu ut arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et sem metus. Aliquam mauris ipsum, pulvinar vitae euismod ut, fermentum vitae lacus. Pellentesque porta bibendum leo in tincidunt. Vestibulum id est neque, ut fermentum ipsum. Lorem ipa dui rhoncus mauris, lacinia tempor sem arcu ut arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et sem metus. Aliquam mauris ipsum, pulvinar vitae euismod ut, fermentum vitae lacus. Pellentesque porta bibendum leo in tincidunt. Vestibulum id est neque, ut fermentum ipsum. Lorem ipctetur adipiscing elit. Duis blandit lorem et nunc elementum ut consectetur diam tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis massa purus, pellentesque ac tempor a, lobortis vitae felis. Duis et turpis erat, quis facilisis dolor. In sollicitudin lacinia mi. Nullam sagittis, nulla blandit luctus ullamcorper, mauris urna placerat est, nec vehicula metus sem ac urna. Sed sollicitudin, justo a ultrices placerat, magna dui rhoncus mauris, lacinia tempor sem arcu ut arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et sem metus. Aliquam mauris ipsum, pulvinar vitae euismod ut, fermentum vitae lacus. Pellentesque porta bibendum leo in tincidunt. Vestibulum id est neque, ut fermentum ipsum. Lorem ipa dui rhoncus mauris, lacinia tempor sem arcu ut arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et sem metus. Aliquam mauris ipsum, pulvinar vitae euismod ut, fermentum vitae lacus. Pellentesque porta bibendum leo in tincidunt. Vestibulum id est neque, ut fermentum ipsum. Lorem ipctetur adipiscing elit. Duis blandit lorem et nunc elementum ut consectetur diam tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis massa purus, pellentesque ac tempor a, lobortis vitae felis. Duis et turpis erat, quis facilisis dolor. In sollicitudin lacinia mi. Nullam sagittis, nulla blandit luctus ullamcorper, mauris urna placerat est, nec vehicula metus sem ac urna. Sed sollicitudin, justo a ultrices placerat, magna dui rhoncus mauris, lacinia tempor sem arcu ut arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et sem metus. Aliquam mauris ipsum, pulvinar vitae euismod ut, fermentum vitae lacus. Pellentesque porta bibendum leo in tincidunt. Vestibulum id est neque, ut fermentum ipsum. Lorem ipa dui rhoncus mauris, lacinia tempor sem arcu ut arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et sem metus. Aliquam mauris ipsum, pulvinar vitae euismod ut, fermentum vitae lacus. Pellentesque porta bibendum leo in tincidunt. Vestibulum id est neque, ut fermentum ipsum. Lorem ipctetur adipiscing elit. Duis blandit lorem et nunc elementum ut consectetur diam tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis massa purus, pellentesque ac tempor a, lobortis vitae felis. Duis et turpis erat, quis facilisis dolor. In sollicitudin lacinia mi. Nullam sagittis, nulla blandit luctus ullamcorper, mauris urna placerat est, nec vehicula metus sem ac urna. Sed sollicitudin, justo a ultrices placerat, magna dui rhoncus mauris, lacinia tempor sem arcu ut arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam et sem metus. Aliquam mauris ipsum, pulvinar vitae euismod ut, fermentum vitae lacus. Pellentesque porta bibendum leo in tincidunt. Vestibulum id est neque, ut fermentum ipsum. Lorem ip</p>
    </div>

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

    </body>
    </html>
    [/quote:6d582ea0f9]

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.

Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord