Div centreren.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

- SanThe -

- SanThe -

17/07/2015 20:29:24
Quote Anchor link
Hallo mensen,

Ik ben het even kwijt. (warmteprobleem?)

Ik heb een div over de volledige breedte.
In deze div wil ik een andere div gecentreerd hebben, dus in het midden van de eerste div.

Ik zit te prutsen omdat ik er even niet meer op kan komen.
Hoe doe je dat ook al weer?

SanThe.
 
PHP hulp

PHP hulp

09/01/2025 11:25:30
 
Marthijn Buijs

Marthijn Buijs

17/07/2015 20:46:58
Quote Anchor link
In CSS text-align: center; en in die div erin text-align: left.
Of de div in die div margin: 0 auto;
 
- SanThe -

- SanThe -

17/07/2015 20:49:45
Quote Anchor link
Nee, helaas, dat helpt niet.
 
Marthijn Buijs

Marthijn Buijs

17/07/2015 20:50:21
Quote Anchor link
Kan je relevante html/css plaatsen?
 
- SanThe -

- SanThe -

17/07/2015 20:52:23
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<?php
echo '<div style="padding:5px; text-align:center; border:1px solid yellow;">';
echo '<div id="regelveld" style="margin:0px auto; padding:5px; text-align:center; border:1px solid blue;">a';
//    showAlleRegels($a);
echo '</div>';
echo '</div>';
?>


Toevoeging op 17/07/2015 21:11:32:

Sorry mensen,

Ik heb het gelukkig weer gevonden.

In de binnenste div => display: inline-block;
 
Eddy E

Eddy E

18/07/2015 08:31:45
Quote Anchor link
Voor een mailing oid? Dat je interne CSS gebruikt?
 
- SanThe -

- SanThe -

18/07/2015 10:54:20
Quote Anchor link
Nee, het is een probeersel van iets.
Dan doe ik altijd even de css inline.
Bij de definitieve versie haal ik het er weer uit en gaat de css apart in een file.
 
Eddy E

Eddy E

18/07/2015 11:14:27
Quote Anchor link
Aha, dat je dan geen Codepen.io oid maakt.
Ik ontwikkel er complete pagina's in. Zeker omdat je ook gewoon afbeeldingen etc kan uploaden.
 
- SanThe -

- SanThe -

18/07/2015 11:17:30
Quote Anchor link
Ik ben zo veel mogelijk onafhankelijk van derden.
 
Danny von Gaal

Danny von Gaal

18/07/2015 12:55:39
Quote Anchor link
Om een div te centreren doe ik vaak:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
div {
  margin-left: auto;
  margin-right: auto;
  /*Let op: Div moet dan wel een statische width hebben!*/
  width: 500px;
}
Gewijzigd op 18/07/2015 12:56:17 door Danny von Gaal
 
- SanThe -

- SanThe -

18/07/2015 12:59:53
Quote Anchor link
Danny von Gaal op 18/07/2015 12:55:39:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
  /*Let op: Div moet dan wel een statische width hebben!*/


Dank je Danny.
Maar dat was juist het probleem: Geen vaste breedte.
 
Eschwin Moerkerken

Eschwin Moerkerken

03/08/2015 13:29:47
Quote Anchor link
Danny von Gaal op 18/07/2015 12:55:39:
Om een div te centreren doe ik vaak:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
div {
  margin-left: auto;
  margin-right: auto;
  /*Let op: Div moet dan wel een statische width hebben!*/
  width: 500px;
}


Wat je ook kunt doen is een display:table; en margin:0 auto; meegeven, zo kun je een dynamisch breedte gebruiken op het element. Is misschien een beetje hacky maar werkt altijd :).
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.