login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div rekt niet mee (Opgelost)

Offline rhendriks92 - 17/07/2012 18:32
Avatar van rhendriks92Lid Beste leden,

Ik heb een klein probleempje met een website waar ik momenteel mee bezig ben: de div van de content rekt niet mee, waardoor de achtergrond van de content dus maar voor de helft (min-height) op de pagina staat..

Wie weet waar het probleem ligt?

Aangezien de CSS-code erg groot is, post ik een link naar de site en bijbehorende CSS:
http://www.ispecialism.nl/nieuw

en

http://www.ispecialism.nl/nieuw/style.css

Excuses dat jullie eerst de bron moeten bekijken etc. maar het is echt niet te doen om de 200 lines van de CSSS hier neer te zetten. Bovendien ligt het niet enkel aan 1 div maar ik vermoed dat het de samenwerking van meerdere divs is wat voor het probleem zorgt..

Alvast bedankt!

11 antwoorden

Gesponsorde links
Offline icemar - 17/07/2012 19:34
Avatar van icemar Lid Het ligt aan je float left en right deze worden niet overal gecleard op de juiste wijze.
Als je dit aanpast dan zou het correct moeten werken.
Offline rhendriks92 - 17/07/2012 20:41
Avatar van rhendriks92 Lid Bedankt voor uw antwoord. Kunt u misschien wat meer tips geven over welke divs ik bijvoorbeeld aan zou moeten passen?
Alvast bedankt.
Offline icemar - 17/07/2012 22:14
Avatar van icemar Lid Dat kan ik niet zo 123 zeggen je heb er veel te veel in staan die hier gebruik van maken.
Je heb er zo veel dat ze helft zinloos is dat je dar float gebruikt dit kan je ook netter oplossen.
Offline Webline - 18/07/2012 16:32
Avatar van Webline Lid De achtergrond image staat in de <div id="content-sidebar">.
In je geval de achtergrond afbeelding neemt de hoogte van de <div> afhankelijk van de tekst die daar in zit (repeat-y).

Als je wilt dat de background de volledig hoogte van de pagina neemt, dan zul je deze in een <div> in de <div id="content-text"> moeten plaatsen en deze naar rechts floaten (float:right)
Offline rhendriks92 - 19/07/2012 18:44
Avatar van rhendriks92 Lid Allereerst bedankt voor jullie reacties.

Het probleem ligt echter bij de div content en content-tekst. De bedoeling is dat de achtergrond afbeelding uit de div content meerekt met de tekst die in content-tekst staat.

Zo ver ik weet heb ik dat wel goed gedaan met de floats, als jullie betere oplossingen voor me hebben dan hou ik me uiteraard aanbevolen.

Alvast bedankt.
Offline Pieter - 19/07/2012 19:19
Avatar van Pieter Gouden medaille

SEO guru		 @rhendriks92, plaats eens volgende div meteen na de content-tekst div.

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="clear:both"> </div>
Offline rhendriks92 - 19/07/2012 19:42
Avatar van rhendriks92 Lid Bedankt voor uw reactie, maar dit werkt ook niet.
Ik heb het geprobeerd om het er zo neer te zetten zoals u zei en heb geprobeerd om alle tekst tussen die div te zetten maar dit helpt helaas ook al niet  
Offline icemar - 19/07/2012 23:52
Avatar van icemar Lid Je moet proberen minder div's te gebruiken en dan per blok controleren waar het fout of nog goed gaat.

Dit is een optie die je kan overwegen.
Offline rhendriks92 - 20/07/2012 13:53 (laatste wijziging 23/07/2012 11:01)
Avatar van rhendriks92 Lid Oké ik ga het na het weekend even proberen.
Bedankt voor jullie hulp!


EDIT:

Het probleem ligt bij de divs content-tekst en content-sidebar.. Wanneer ik deze divs eruit haal en allemaal regels onder elkaar zet dan is het goed?

Hieronder de CSS:

.content-tekst
{
width:726px;
margin-left:12px;
margin-right:12px;
text-align:left;
float:left;
}

.content-sidebar
{
width:350px;
background:url(images/content-sidebar-background.png);
background-repeat:repeat-y;
float:right;
}

Wie weet wat er verkeerd gaat?
Alvast bedankt.
Offline Koen - 23/07/2012 15:33
Avatar van Koen PHP expert
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="content">
  2.   <div class="content-tekst">
  3.   <div class="content-sidebar">
  4.   <div style="clear: both">&nbsp;</div>
  5. </div>

(zet ook al de overbodige clear: both en clear: rights even uit)


Zo moet het werken. Hier werkt het alvast 
Bedankt door: rhendriks92
Offline rhendriks92 - 23/07/2012 19:24
Avatar van rhendriks92 Lid Hartstikke bedankt, hij werkt nu helemaal goed!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.172s