login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div vanuit het midden positioneren.

Offline ChielKleiman - 20/02/2009 18:41 (laatste wijziging 22/02/2009 21:13)
Avatar van ChielKleimanNieuw lid Beste lezer,

Ik moet een div vanuit het midden ( center ) opsitioneren met px
bijvoorbeeld 230 px links van center.

Ik zoek (denk ik) een code in de trent van

div-align: -230px from center;

nou snap ik dat dit niet bestaat.
wie kan mij helpen dit wel voor elkaar te krijgen????????

Dit is wat ik heb:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div#tekstvlak{
  2. postion: ???? absolute/relative;
  3. top: 200px;
  4. div-align:??????
  5. }

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="tekstvlak">
  2. <div style="overflow: auto; width: 500px; height: 600px">
  3. mijn tekst
  4. </div>




in iedergeval alvast bedankt,

Chiel

Citaat:
Sliphead edit: Code tags gebruiken aub!

6 antwoorden

Gesponsorde links
Offline tjay - 20/02/2009 19:00
Avatar van tjay Nieuw lid Hey ChielKleiman,

Misschien dat dit een oplossing kan bieden:

http://www.alistapart.com/articles/fauxcolumns/

Wat jij bedoelt is een "faux column"
Offline Martijn - 20/02/2009 19:02
Avatar van Martijn Crew PHP
css code - Bekijk de code zonder highlighting - Klap code in 
  1. outOfCenterDiv{
  2. width: 100px;
  3. margin: -50px auto; 
  4. }

volgens mij kan dat m ook
Offline mothh - 21/02/2009 17:36 (laatste wijziging 22/02/2009 16:36)
Avatar van mothh Onbekend is het dan niet gewoon:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div align="center: 230 px"></div>


230 px is een willekeurig getal!
Offline ChielKleiman - 23/02/2009 16:31
Avatar van ChielKleiman Nieuw lid Bedankt voor jullie reacties
maar het werkt nog niet ( kan natuurlijk ook aan mij liggen)
----------------------------------
div#tekstvlak1{
postion: relative;
text-align: center;
top: 200px;
}

+ natuurlijk:

<div id="tekstvlak1">
<div style="overflow: auto; width: 500px; height: 600px">
</div>
--------------------------------

Dit heb ik nu maar dit blijft (uiteraard) gecentreed.
Ik ben geen css held!!
kan iemand dit kloppend maken voor mij?
groet
Chiel
Offline mothh - 23/02/2009 17:59
Avatar van mothh Onbekend div#tekstvlak1 moet niet div#tekstvlak1 zijn maar
gewoon tekstvak dus dan word het dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. tekstvlak1{
  2. postion: relative;
  3. text-align: center;
  4. top: 200px;
  5. }
Offline MiST - 23/02/2009 18:23
Avatar van MiST Lid als je echt midden midden bedoelt is dit mogelijk, maar ik raad het niet aan. Een maat van mij paste het toe maar kreeg miserie van zodra hij zijn venster resizede. Dan werd de inhoud eraf geclipt.

css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.vanuithetmidden{
  2. position: absolute;
  3. top: 50%;
  4. left: 50%;
  5. width: 700px;
  6. height: 500px;
  7. margin-left: -350px;
  8. margin-top: -250px;
  9. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s