Vermeld in iedere vraag duidelijk:

De versie van Joomla! 3.X die je gebruikt
De volledige url van je website indien mogelijk.
De versie van de extensie waar de vraag over gaat.

opgelost Div centreren

Div centreren

16 aug 2018 13:20 - 16 aug 2018 13:22

Ik gebruik Joomla 3.8.11.

Ik heb een pagina met drie div's naast elkaar en een p eronder.

de html is

Code:

<div>
  <div id="div1">....</div>
  <div id="div2">....</div>
  <div id="div3">...</div>
<p class="clear">...</p>

de css is

Code:

#div1 {
  float: left;
  width: 30%;
  margin-right: 1%;
  border: 1px solid grey;
}
#div2 {
  float: left;
  width: 30%;
  margin-right: 1%;
  border: 1px solid grey;
}
#div3 {
  float: left;
  width: 30%;
  border: 1px solid grey;
}
p.clear {
    clear: both;

Hoe kan ik de div (met daarin die drie andere divs) centreren?
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Janno
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 41

Div centreren

16 aug 2018 13:23

Door ze in een "parent" div te zetten.
www.w3schools.com/css/css_align.asp

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37431

Div centreren

16 aug 2018 14:38

'k Zie dat ik de afsluitende </div> in de html vergeten ben, sorry.

'k Was misschien niet helemaal duidelijk.
Ik heb de drie divs (met de "lorem ipsum" tekst) naast elkaar in een "parent"-div gezet.
En die drie divs met de lorum ipsumtekst wil ik gecentreerd op de pagina hebben.

Anders geformuleerd: ik heb drie divs naast elkaar staan, die "groep van drie"
wil ik gecentreerd op de pagina hebben.

Een provisorische oplossing is de width van de parent-div te verkleinen, de drie lorum ipsum divs
(met hun margin) nemen samen 92% van de parent-div in beslag, en als ik de width van de parent op
93 % zet kom ik een heel eind. Maar is dat wel een goede oplossing?

Janno
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 41

Div centreren

17 aug 2018 16:04

'k Denk dat ik die drie lorem ipsum divs in een wrapper moet zetten.

Janno
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 41

Div centreren

18 aug 2018 09:10

Nee, en dat gaat ook niet werken. Wrapper is voor externe URL's. Je moet inderdaad even experimenteren met de breedte van de individuele divs, de marge en de breedte van de parent div.
Of gebruik maken van bootstrap en de standaard classes van je template.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37431

Div centreren

18 aug 2018 11:31 - 18 aug 2018 13:24

Aanpassen van debreedte vn de divs levert inderdaad een bruikbaar resultaat op.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Die Bootstrap-optie ga ik uitproberen.
Dank voor de hulp

Janno
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 41

Moderators: Jelle, Romke

Tijd voor maken pagina: 0.710 seconden

Gemaakt door Kunena

Laatste nieuws

Welkom bij Joomla!NL

opgelost Div centreren

Div centreren

Div centreren

Div centreren

Div centreren

Div centreren

Div centreren

Laatste forumberichten

Wil je Joomla!NL steunen?