"moeder"div wordt niet groter als kind "div" groter wordt a.g.v. includen php

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Shyaak Nana

Shyaak Nana

23/11/2011 00:18:44
Quote Anchor link
Hallo allen,

Graag een oplossing.

Ik heb een PHP script/pagina ge-include in een div die weer onderdeel is van een andere div.

De div waar de php include is wordt wel automatische groter, maar de moeder div dus niet.

Ik heb de height op auto gezet, maar toch.

Wie kent een oplossing?

Alvast bedankt.

Shyaak
 
PHP hulp

PHP hulp

15/11/2024 07:29:29
 
Erwin H

Erwin H

23/11/2011 04:44:09
Quote Anchor link
Met de informatie die je nu hebt gegeven kunnen weinig mensen je helpen denk ik. Kan je iets van je code laten zien en dan voornamelijk de gebruikte HTML en CSS. Daar zit waarschijnlijk het probleem (lijkt me sterk dat php er iets mee te maken heeft).
 
Tobias Tobias

Tobias Tobias

23/11/2011 06:38:30
Quote Anchor link
clear:both;
in de moederdiv
 
Wouter J

Wouter J

23/11/2011 07:47:47
Quote Anchor link
Niet in de moederdiv, maar vlak na het sluiten van de moederdiv. De code daarvoor wordt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<div id="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="clear"></div>
</div>

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
CSS
.clear    { clear: both; }


Of gewoon dit:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
#parent:before /* De officiele syntax is ::, maar dan doet IE moeilijk
{
  content: '';
  display: block;
  clear: both;
}
 
Joakim Broden

Joakim Broden

23/11/2011 09:50:07
Quote Anchor link
niet die stomme clearfix gebruiken! Dit is een extra en een lege element. Hoe minder elementen je heb hoe makkelijker de html doorzoekbaar is voor SEO! Leer clearfix gewoon af, die heb je 95% van de tijd niet nodig.

parent div gewoon een overflow: hidden; mee geven, helaas kan dit niet als je dingen buiten je div wil positioneren. Dan kun je gebruik maken van

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
#parent:after {
    content: ".";
    display: block;
    clear: both;  
    height: 0;
    overflow: hidden;
}
Gewijzigd op 23/11/2011 09:50:34 door Joakim Broden
 
Shyaak Nana

Shyaak Nana

23/11/2011 10:26:27
Quote Anchor link
Bedankt allen ik heb opgelost door alle andere divs in de moder divv
 
Wouter J

Wouter J

23/11/2011 11:18:22
Quote Anchor link
@Hertog Jan, met CSS psuedo-elements creëer je geen element. Dus de rede dat je een lege div klopt niet meer. En daarnaast begrijp ik het voordeel niet helemaal tussen overflow: hidden; en clear: both;. Het is precies dezelfde code die je gebruikt, alleen i.p.v. clear gebruik je overflow. Dit is geen enkel verschil.
 



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.