Nieuwssysteem Layout Probleem Chrome
Hallo,
Ik heb op mijn website een nieuwssysteem gemaakt.
Als ik mijn website nu open met IE ziet het er netjes uit, maar open ik hem met google Chrome krijgt het eerste nieuwsbericht een veel te grote hoogte.
http://www.zscwesterhoven.nl/ (In het midden onder het kopje nieuws staat het nieuwssysteem)
In Internet Explorer:

In Google Chrome:

Weet iemand hier zo wat het probleem kan zijn, anders voeg ik graag nog wat code toe....
Ik heb op mijn website een nieuwssysteem gemaakt.
Als ik mijn website nu open met IE ziet het er netjes uit, maar open ik hem met google Chrome krijgt het eerste nieuwsbericht een veel te grote hoogte.
http://www.zscwesterhoven.nl/ (In het midden onder het kopje nieuws staat het nieuwssysteem)
In Internet Explorer:

In Google Chrome:

Weet iemand hier zo wat het probleem kan zijn, anders voeg ik graag nog wat code toe....
Gewijzigd op 20/10/2014 22:17:27 door D B
kan je relevante code posten?
Dat zou ik wel willen Aar, maar weet eerlijk gezegd niet wat het juiste stuk code is.
Zie jij het probleem ook als je op de site zit?
(Het lijkt er trouwens op dat het aan de lengte van mijn linker kolom ligt... Als ik daar namelijk 1 div inklap springt de nieuwstekst ook omhoog)
Toevoeging op 20/10/2014 23:05:13:
Omdat het bij mijn andere divsjes niet zo is, denk ik dat het aan mijn nieuws-div zal liggen.
Dit is de code van mijn nieuwsdiv:
- Zie voor code onderaan de codepen.io link -
Hopelijk kun je hier wat mee :) Het is namelijk lastig om te bepalen welke code dit kan veroorzaken.
Zie jij het probleem ook als je op de site zit?
(Het lijkt er trouwens op dat het aan de lengte van mijn linker kolom ligt... Als ik daar namelijk 1 div inklap springt de nieuwstekst ook omhoog)
Toevoeging op 20/10/2014 23:05:13:
Omdat het bij mijn andere divsjes niet zo is, denk ik dat het aan mijn nieuws-div zal liggen.
Dit is de code van mijn nieuwsdiv:
- Zie voor code onderaan de codepen.io link -
Hopelijk kun je hier wat mee :) Het is namelijk lastig om te bepalen welke code dit kan veroorzaken.
Gewijzigd op 21/10/2014 17:56:02 door D B
Zelfde probleen ook in Firefox.
Ondertussen ben ik er achter dat het komt door mijn <div class="clear"></div>.
Deze heb ik naar aanleiding van een andere topic toegevoegd, omdat anders de div's niet meegroeien met de langere tekst.
Als ik deze div weghaal is ook de lege ruimte weg, maar groeit mijn nieuwstekst en nieuwsfoto div niet.
Iemand nog enige (andere) oplossing hiervoor?
Deze heb ik naar aanleiding van een andere topic toegevoegd, omdat anders de div's niet meegroeien met de langere tekst.
Als ik deze div weghaal is ook de lege ruimte weg, maar groeit mijn nieuwstekst en nieuwsfoto div niet.
Iemand nog enige (andere) oplossing hiervoor?
Een oplossing is er zeker.
Kun je de bron van je pagina posten zodat het alleen html is en geen php meer?
en de volledige css.
Of als dat te veel is dan even een download aanbieden.
Kun je de bron van je pagina posten zodat het alleen html is en geen php meer?
en de volledige css.
Of als dat te veel is dan even een download aanbieden.
Mij lijkt het dat je die <div class="clear"> gewoon moet weglaten.
Als je div's niet meegroeien moet je geen hoogte opgeven. Dat doe je nu namelijk wel.
Als je div's niet meegroeien moet je geen hoogte opgeven. Dat doe je nu namelijk wel.
Hallo Eddy,Frank en andere,
Bedankt alvast voor het meedenken!
@Eddy: Als ik de div class=clear weglaat groeit mijn nieuwscontainer niet. Deze heeft ook geen height in mijn CSS volgens mij.
@Frank: Hieronder een link voor mijn pagina op codepen.
http://codepen.io/anon/pen/LuyxB
Zelf heb ik het idee dat ik in mijn nieuwssysteem iets moet wijzigen.
Dit ziet er nu zo uit:
Bedankt alvast voor het meedenken!
@Eddy: Als ik de div class=clear weglaat groeit mijn nieuwscontainer niet. Deze heeft ook geen height in mijn CSS volgens mij.
@Frank: Hieronder een link voor mijn pagina op codepen.
http://codepen.io/anon/pen/LuyxB
Zelf heb ik het idee dat ik in mijn nieuwssysteem iets moet wijzigen.
Dit ziet er nu zo uit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="nieuwsitem"><p><b>Titel</b></p>
<div class="nieuwstekst">
<div class="kortetekst" style="color:black;" id="nieuws_118l">
Hier staat de korte tekst.
<p class="nieuwsmeer"><a style="cursor:pointer;" onclick="nieuwsitem(118);">Lees meer</a></p><br>
</div>
<div class="completetekst" id="nieuws_118m">
Hier staat de complete tekst<p class="nieuwsmeer"><a style="cursor:pointer;" onclick="nieuwsitem(118);">Lees minder</a></p><br>
</div>
</div>
<div class="nieuwsfoto">
<img src="http://zscwesterhoven.nl/nieuws/1412961248.jpg" alt="Halloween">
</div>
<div class="clear">
</div>
</div>
<div class="nieuwstekst">
<div class="kortetekst" style="color:black;" id="nieuws_118l">
Hier staat de korte tekst.
<p class="nieuwsmeer"><a style="cursor:pointer;" onclick="nieuwsitem(118);">Lees meer</a></p><br>
</div>
<div class="completetekst" id="nieuws_118m">
Hier staat de complete tekst<p class="nieuwsmeer"><a style="cursor:pointer;" onclick="nieuwsitem(118);">Lees minder</a></p><br>
</div>
</div>
<div class="nieuwsfoto">
<img src="http://zscwesterhoven.nl/nieuws/1412961248.jpg" alt="Halloween">
</div>
<div class="clear">
</div>
</div>
Gewijzigd op 21/10/2014 17:54:39 door D B




