• 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

  • [Beta] Ottomaan: gratis browserspel met een echte, levende stad. Feedback gezocht!

    frio 27 oktober 2026 om 12:22
  • Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

    Jeroen.G 26 oktober 2026 om 10:33
  • Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

    eeyk 22 oktober 2026 om 18:43
  • Crime Club volledig herschreven vanaf nul

    frio 19 oktober 2026 om 23:57
  • Malavita (nieuwe maffia game, van 0)

    jos 19 oktober 2026 om 23:18
  • Herkent deze Notion-structuurscan echte problemen?

    Jeroen.G 19 oktober 2026 om 15:09
  • 🚀 WE ZOEKEN TESTERS! 🚀

    Servertjee 3 oktober 2026 om 10:56
  • Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

    saggy2829 30 september 2026 om 19:31

Marktplaats

  • [Verkoop] G4G (Gangsters 4 Gangsters): volledige broncode, nieuw gebouwd in PHP 8.3 | € 30 per domein

    frio 27 oktober 2026 om 18:54
  • [TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

    Dpm_x 26 oktober 2026 om 00:22
  • TK: Kraai.eu

    frio 25 oktober 2026 om 11:39

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

ICT Nieuws

  • PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

    Aaron 22 oktober 2026 om 22:19

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

  • 4 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
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design