• Inloggen
  • Registreer
  • Zoeken
Dit topic
  • Overal
  • Dit topic
  • Dit forum
  • Artikelen
  • Pagina's
  • Forum
  • Downloads
  • Meer opties

ICTscripters

Dé plek voor IT

Dé plek voor IT

Aanmelden

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
    3. Onopgeloste topics
  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
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Syntax 1 oktober 2026 om 11:11
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31
  • Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

    aiqanobzfsej5 29 september 2026 om 12:55
  • [PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

    frio 22 september 2026 om 16:40
  • Ictscripters / Koen

    Aaron 22 september 2026 om 15:07
  • Kweekrijk - van stekje tot Imperium

    Lijno 14 september 2026 om 23:00
  • Crimora.nl

    Jeffrey.Hoekman 8 september 2026 om 18:49

Marktplaats

  • Verschillende domeinen te koop (sommige hebben website / content)

    frio 2 oktober 2026 om 14:45
  • 295 Nieuwe Domeinnamen September 2026

    shiga 1 oktober 2026 om 19:09
  • Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

    Jeroen.G 1 oktober 2026 om 17:48

Layout centreren

  • Tieske
  • 20 februari 2011 om 20:05
  • Tieske
    Lormans Design
    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>
    Meer tonen

    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

  • Gast, wil je besparen op je domeinnamen? (ad)
  • habib10
    Hmm
    Berichten
    939
    • 20 februari 2011 om 20:10
    • #2

    <center></center> alles daartussen?

    uhmm..... Probeer de zoek functie!

  • Tieske
    Lormans Design
    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
    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
    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>
    Meer tonen
  • MaffiaLords
    www.pokechallenge.com
    Berichten
    174
    • 21 februari 2011 om 10:12
    • #7

    margin: 0 auto; in container zoals thexerox doet

Registratie

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

Nu registreren Aanmelden

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. Privacyverklaring
  10. Contact
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