• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • Beta-testers gezocht voor Crypto-oefenplatform

    Syntax 29 januari 2026 om 16:11
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 19 januari 2026 om 09:34
  • Developer Gezocht

    Mikevdk 10 januari 2026 om 18:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09
  • Help testers nodig voor android app Urgent

    urgentotservices 26 september 2025 om 10:21
  • Versio vervanger

    Jeroen.G 25 augustus 2025 om 15:56
  • Afspraken systeem met planbeperking

    Lijno 1 augustus 2025 om 23:04

Marktplaats

  • 350 Nieuwe Domeinnamen Januari 2026

    shiga 1 februari 2026 om 14:21
  • 321 Nieuwe Domeinnamen December 2025

    shiga 1 januari 2026 om 10:26
  • Meerdere mafia game template te koop

    Syntax 26 december 2025 om 00:07

Layout centreren

  • Tieske
  • 20 februari 2011 om 20:05
  • Tieske
    Lormans Design
    Ontvangen Reacties
    11
    Berichten
    333
    • 20 februari 2011 om 20:05
    • #1

    Beste CP leden,

    Ik heb het toch nog maar eens geprobeerd om het element "DIV" onder de knie te krijgen,
    Voor mijn gevoel gaat dit redelijk dankzij een goede tutorial online,

    Ik zit nu alleen nog met een probleem,
    de layout wordt momenteel links op de site uitgelijnd, maar ik zou deze graag in het midden zien.
    Zonder dit met het "CENTER" element te moeten doen. (door dit boven de site en onder de site te plaatsen)

    Hoe kan ik dit dus netjes doen d.m.v. CSS?
    (CSS staat normaal appart, maar voor het gemak hier even in het script gezet.

    Mijn huidige code/layout

    PHP
    <html>
    <head>
    <title>Layout</title>
    <style type="text/css">
    <!--
    body {
      margin: 0px;
      padding: 0px;
    }
    
    
    #header {
      background: #0f0;
      float: left;
      width: 650px;
      height: 100px;
    }
    #rightcol {
      background: #f00;
      float: left;
      width: 250px;
      height: 100px;
    }
    #leftcol {
      background: #f00;
      float: left;
      width: 250px;
    }
    #content {
      background: #fff;
      float: left;
      width: 650px;
    }
    #footer {
      background: #0f0;
      width: 900px;
      height: 25px;
    }
    
    
    #wrapper {
      background: black;
      clear: both;
      width: 900px;
      height: 0px;
    }
    -->
    </style>
    </head>
    
    
    <body>
    
    
    <div id="header">Header Section</div>
    <div id="rightcol">Header right Section</div>
    
    
    <div id="wrapper"></div>
    
    
    <div id="leftcol">Left Section</div>
    <div id="content">Index</div>
    
    
    <div id="wrapper"></div>
    
    
    <div id="footer">Footer Section</div>
    
    
    </body>
    </html>
    
    
    
    
    </body>
    </html>
    Toon Meer

    Met vriendelijke groet,
    Mathijs Lormans

    Designer / Sustainability expert: Lormans Design
    Design, Engineering and Development
    Bouwkundig ontwerp, tekenwerk, advies en projectmanagement!
    3D modeling en 3D printing

  • habib10
    Hmm
    Berichten
    939
    • 20 februari 2011 om 20:10
    • #2

    <center></center> alles daartussen?

    uhmm..... Probeer de zoek functie!

  • Tieske
    Lormans Design
    Ontvangen Reacties
    11
    Berichten
    333
    • 20 februari 2011 om 20:14
    • #3

    Dat zeg ik hierboven juist, dat ik dat niet wil,
    omdat dit niet "netjes" is,

    Maar het was miss een optie geweest om eerste te google voordat ik het hier ging vragen..
    het het antwoord namelijk hier gevonden:
    http://www.webmasterstart.nl/css/website-centreren-met-css.html

    Of is/weet er hier iemand nog een betere/cleanere manier?

    Met vriendelijke groet,
    Mathijs Lormans

    Designer / Sustainability expert: Lormans Design
    Design, Engineering and Development
    Bouwkundig ontwerp, tekenwerk, advies en projectmanagement!
    3D modeling en 3D printing

  • habib10
    Hmm
    Berichten
    939
    • 20 februari 2011 om 20:16
    • #4

    probeer dat en zie of het beter is?

    uhmm..... Probeer de zoek functie!

  • Tieske
    Lormans Design
    Ontvangen Reacties
    11
    Berichten
    333
    • 20 februari 2011 om 20:19
    • #5

    habib10,
    Zoals ik al aangaf de manier waarop het op die site staat zo heb ik het toegepast,

    maar mijn vraag daarna was dus. of er nog mensen zijn die kunnen bevestigen
    of dat, dat de beste manier is en/of dat er nog een betere manier is.

    Met vriendelijke groet,
    Mathijs Lormans

    Designer / Sustainability expert: Lormans Design
    Design, Engineering and Development
    Bouwkundig ontwerp, tekenwerk, advies en projectmanagement!
    3D modeling en 3D printing

  • thexerox
    thexeroxprojects.be
    Ontvangen Reacties
    4
    Berichten
    414
    • 20 februari 2011 om 21:09
    • #6
    PHP
    <html>
    <head>
    <title>Layout</title>
    <style type="text/css">
    <!--
    body {
      margin: 0px;
      padding: 0px;
    }
    .container {
     margin-left:auto;
     margin-right:auto;
     width:800px; /* Hier de waarde van de breedte van je site */
    }
    #header {
      background: #0f0;
      float: left;
      width: 650px;
      height: 100px;
    }
    #rightcol {
      background: #f00;
      float: left;
      width: 250px;
      height: 100px;
    }
    #leftcol {
      background: #f00;
      float: left;
      width: 250px;
    }
    #content {
      background: #fff;
      float: left;
      width: 650px;
    }
    #footer {
      background: #0f0;
      width: 900px;
      height: 25px;
    }
    
    
    #wrapper {
      background: black;
      clear: both;
      width: 900px;
      height: 0px;
    }
    -->
    </style>
    </head>
    
    
    <body>
    <div class="container">
    <div id="header">Header Section</div>
    <div id="rightcol">Header right Section</div>
    
    
    <div id="wrapper"></div>
    
    
    <div id="leftcol">Left Section</div>
    <div id="content">Index</div>
    
    
    <div id="wrapper"></div>
    </div>
    <div id="footer">Footer Section</div>
    
    
    </body>
    </html>
    Toon Meer
  • MaffiaLords
    www.pokechallenge.com
    Berichten
    174
    • 21 februari 2011 om 10:12
    • #7

    margin: 0 auto; in container zoals thexerox doet

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55
  • Kritieke update voor Really Simple Security-plug-in

    K.Rens 16 november 2024 om 16:12
  • ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

    K.Rens 2 november 2024 om 16:09

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37

Gebruikers die dit topic bekijken

  • 1 Gasten
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design