login  Naam:   Wachtwoord: 
Registreer je!
 Forum

height forceren

Offline kiwi - 27/07/2010 14:53
Avatar van kiwiNieuw lid Beste,

ik ben aan een site aan het werken,
en ik wil dat de content DIV uitloopt naar de onderkant van de browser of,
wanneer er meer tekst is uitloopt tot de tekst ten einde is,

maar het probleem was dat er afbeeldingen in andere div's boven stonden, dus ik zocht mijn antwoord met JS, maar op 1 of andere manier wil dit niet werken:

  1. var height = $(window).height()-10;
  2. $(document).ready(function(){
  3. if($("#midden_content").height() < $(window).height()) {
  4. $("#midden_content").height(height);
  5. }
  6. }


Ziet er iemand de fout?
dit is de site in kwestie: http://remotecosmix.webatu.com

24 antwoorden

Gesponsorde links
Offline lemoinet - 27/07/2010 14:57 (laatste wijziging 27/07/2010 15:17)
Avatar van lemoinet PHP gevorderde je mist ");" al op het einde
Offline cyberninjah - 27/07/2010 15:22 (laatste wijziging 27/07/2010 15:23)
Avatar van cyberninjah Lid Beste kiwi ik neem aan dat het gaat om dat gele vlak met tekst.

Dat is heel simpel op te lossen met CSS Gewoon verander:

  1. #midden_content {
  2. background-color:#D99D55;
  3. border:0 solid #000000;
  4. float:left;
  5. margin:0;
  6. padding-right:15px;
  7. width:683px;
  8. }


Naar

  1. #midden_content {
  2. background-color:#D99D55;
  3. border:0 solid #000000;
  4. float:left;
  5. margin:0;
  6. padding-right:15px;
  7. width:683px;
  8. height:100%;
  9. }


Hier in FireFox werkte dat Lang leve Firebug
Offline kiwi - 27/07/2010 15:59 (laatste wijziging 27/07/2010 16:01)
Avatar van kiwi Nieuw lid
cyberninjah schreef:
Beste kiwi ik neem aan dat het gaat om dat gele vlak met tekst.

Dat is heel simpel op te lossen met CSS Gewoon verander:
[..code..]
Naar
[..code..]
Hier in FireFox werkte dat Lang leve Firebug

Was het maar zo simpel, als je kijkt naar die links div, zie je dat die op 100% staat, en wat je ziet is dat hij verder loopt dan de onderkant van de browser,

duuuss maw:
die 100% doet, hoogte browser scherm + hoogte header, maar ik moet het hebben - de header, daarom JS ...

lemoinet schreef:
je mist ");" al op het einde

Waar?
ik werk ng maar met JS sinds gisteren, dusik heb het nog verre van onder de knie 
Offline cyberninjah - 27/07/2010 16:09
Avatar van cyberninjah Lid hmm je kan dat smerig oplossen je kan 100% hoogte gewoon doen en een margin-top:-200px; ( header hoogte)

Als je dit doet zal je 100% - header krijgen. enigste probleem wat je vaak tegenkomt is dan dat je content van je divjes ook die margin krijgen die kan je dan weer een margin-top:200px; geven zo dat ze weer er onder staan 

Is een oplossing maar ja.
Offline kiwi - 27/07/2010 18:39 (laatste wijziging 27/07/2010 18:46)
Avatar van kiwi Nieuw lid Eens testen,
niet echt een goed resultaat: http://remotecosmix.webatu.com/?page=home
Offline xSc - 27/07/2010 20:09
Avatar van xSc Onbekend @kiwi, je snapt er geen klap van. 100% zeker dat je gewoon code hebt gekopieerd zonder te begrijpen wat het doet.
Offline kiwi - 27/07/2010 22:45
Avatar van kiwi Nieuw lid
xSc schreef:
@kiwi, je snapt er geen klap van. 100% zeker dat je gewoon code hebt gekopieerd zonder te begrijpen wat het doet.


Euhm ik illustreer gewoon het probleem dat je krijgt waneer je zijn code gebruikt,
want die height:100% wist ik dat het niet werkte, want waarom zou ik in godsnaam JS steken in een site waar er nergens JS is te bespeuren, behalve voor dit probleem,

voor je iets zeg denk eerst eens verder na dat je neus lang is!
Offline vinTage - 27/07/2010 22:51
Avatar van vinTage Nieuw lid waarom js?
Dit is perfect te doen met gewoon html/css.
trap gewoon een bg img in de body (dus dat rode/schaduw/gele) en de hele header vul je op met een andere verticale img.

nikske javascript en nikske negatieve amrgins 
Offline kiwi - 27/07/2010 23:12
Avatar van kiwi Nieuw lid Ja maar het is maar een deel voor de website,
en een deel om het gewoon te ... weten 

en als het maar dat JS is dan moet ik niet afbeeldingen gaan veranderen, want de schaduwen vanboven, zijn transparanten, en ook dit is al de 2e keer dat ik de site hermaak,
en als ik gewoon met wat JS het zou kunnen oplossen, waarom dan moeilijk doen,

en ik vraag me nu af: Waarom heeft nietmand mij eignelijk gezegt wat er fout is, behalve de 1e reactie waar ik geen flauw benul van heb wat er eigenlijk fout is XD
Offline lemoinet - 27/07/2010 23:23
Avatar van lemoinet PHP gevorderde
  1. var height = $(window).height()-10;
  2. $(document).ready(function(){
  3. if($("#midden_content").height() < $(window).height()) {
  4. $("#midden_content").height(height);
  5. }
  6. });


Offline kiwi - 28/07/2010 02:01
Avatar van kiwi Nieuw lid
lemoinet schreef:
[..code..]
Zeerwel bedankt,
maar tot mijn spijt, moet ik melden dat er nog steeds iets niet klopt. heeft u daar enig gedacht wat ik er van zou moeten maken dat mijn div met als ID:"midden_conten" de volledige hoogte van de browser aaneemt min de hoogte van mijn header (wat in de code hierboven de 10 is)
Offline vinTage - 28/07/2010 02:18
Avatar van vinTage Nieuw lid
kiwi schreef:
Ja maar het is maar een deel voor de website,
en een deel om het gewoon te ... weten 


Waarom dan jQuery en niet gewoon plain oll javascript?

kiwi schreef:
en als het maar dat JS is dan moet ik niet afbeeldingen gaan veranderen, want de schaduwen vanboven, zijn transparanten, en ook dit is al de 2e keer dat ik de site hermaak,
en als ik gewoon met wat JS het zou kunnen oplossen, waarom dan moeilijk doen,

js is in dit geval de moeilijkheid hoor, zoals ik al zei kan dit makkelijk met html/css.

-----------------------------------------
kiwi schreef:
[..quote..]Zeerwel bedankt,
maar tot mijn spijt, moet ik melden dat er nog steeds iets niet klopt. heeft u daar enig gedacht wat ik er van zou moeten maken dat mijn div met als ID:"midden_conten" de volledige hoogte van de browser aaneemt min de hoogte van mijn header (wat in de code hierboven de 10 is)

Dus xSc heeft toch gelijk ? Copy/pasten ftw ?
Maak jezelf eens moe en probeer je te verdiepen in de basis dingen van html/css en javascript 
Offline kiwi - 28/07/2010 02:25 (laatste wijziging 28/07/2010 02:26)
Avatar van kiwi Nieuw lid
vinTage schreef:
Waarom dan jQuery en niet gewoon plain oll javascript?

iemand zei tegen mij dat het met jQuery moest, dus daarom ...
en wat bedoel je met "plain oll javascript"?
-----------------------------------------
vinTage schreef:
js is in dit geval de moeilijkheid hoor, zoals ik al zei kan dit makkelijk met html/css.

Hoe?
ik heb het geporbeerd, zonder enig resultaat, er zijn zelfs 2 topics hier voor geopend geweest op deze site
-----------------------------------------
vinTage schreef:
Dus xSc heeft toch gelijk ? Copy/pasten ftw ?
Maak jezelf eens moe en probeer je te verdiepen in de basis dingen van html/css en javascript 

Hmm.

ik weet dat ik dit zou moeten doen normaal, maar ik wil deze site zoo graag af,
dat ik naar de Copy/paste weg ben gegaan.
Offline vinTage - 28/07/2010 02:31
Avatar van vinTage Nieuw lid jquery is een tig kb tellende library en doet helemaal niks meer dan cods 'leesbaarder/korter maken, de basis is gewoon 'plain old javascript'
Dus jquery gebruiken om alleen een aantal divs te resizen is (sry) dom.

@ 'Hoe', dat heb ik in een eerdere post uitgelegd, maar jij reageerde daarop met 'ik wil dit leren'

copy/pasten is makkelijk, maar daar leer je niks mee, de enige goede manier is begrijpen wat je doet, en dat gebeurt (nog) niet zolang je de codes niet zelf (kan) maken.
Doe net als elke devver en klooi net zo lang tot het wel lukt..
Offline kiwi - 28/07/2010 13:14
Avatar van kiwi Nieuw lid
vinTage schreef:
jwaarom js?
Dit is perfect te doen met gewoon html/css.
trap gewoon een bg img in de body (dus dat rode/schaduw/gele) en de hele header vul je op met een andere verticale img.

nikske javascript en nikske negatieve amrgins

dit zie ik niet echt zitten, dan moet ik weer gaan mijn afbeeldingen gaan hermaken,
ook omdat ik met transparante img zit moeten die ook weer vervangen worden, ...
ik hou dit als mijn laatste mogelijkheid.

Daarom zocht ik een andere manier, en een vriend zij me dat ik jQuery moest gebruiken, daarom. ben ik het eens gaan bekijken, en op het eerst leek het wel mogelijk, maar uiteindelijk bleek het niet zo gemakkelijk te zijn, en daarom heb ik hier gewoon mijn code gepost. met de vraag wat er fout is.
Offline cyberninjah - 28/07/2010 14:17
Avatar van cyberninjah Lid Zo als vinTage al een beetje uitlegde heb ik even snel iets gemaakt ik had geen zin om alles opnieuw te code en de overige zooi er uit te halen.

Ik denk dat je doel zo iets is.
http://www.rapix.nl/gevalzondernaam/

Let op: ik heb je buttons niet gedownload vond ik niet zo nodig.

Offline kiwi - 28/07/2010 14:20
Avatar van kiwi Nieuw lid ja zoiets zoek ik.
maar nog 1 vraagje er bij:
als er meer content komt word dan ook de linker bar meegetrokken?
Offline cyberninjah - 28/07/2010 14:32
Avatar van cyberninjah Lid Zo als je nu ziet http://www.rapix.nl/gevalzondernaam/

Werkt dat perfect.

Offline kiwi - 28/07/2010 14:36
Avatar van kiwi Nieuw lid okee, mooi,

Hoe heb je dat opgelost?
ik zou alles kunnen vergelijken, maar het gaat mss makkelijker als jij het mij gewoon kort verteld 
Offline cyberninjah - 28/07/2010 14:51 (laatste wijziging 28/07/2010 14:51)
Avatar van cyberninjah Lid zo als VinaTage zij geef je Container een achtergrond plaatje dus die ik heb ik image13 gegeven.

heb dat plaatje wat breeder gemaakt omdat je anders die balk niet krijgt en een <br clear="all" />

Toegevoegd aan de onderkant.

edit: eigenlijk kan je het beter wel vergelijken leer je veel meer van maar dat bedacht ik na dat ik je antwoord had gegeven haha
Offline kiwi - 28/07/2010 14:58 (laatste wijziging 28/07/2010 15:28)
Avatar van kiwi Nieuw lid
cyberninjah schreef:
zo als VinaTage zij geef je Container een achtergrond plaatje dus die ik heb ik image13 gegeven.

heb dat plaatje wat breeder gemaakt omdat je anders die balk niet krijgt en een <br clear="all" />

Toegevoegd aan de onderkant.

edit: eigenlijk kan je het beter wel vergelijken leer je veel meer van maar dat bedacht ik na dat ik je antwoord had gegeven haha

ik moet toch alles vergelijken, op nog eventuele fouten 

ok hoe moet ik nu mijn hor_bar er achter krijgen? de Z-index werkt niet meer
Offline cyberninjah - 28/07/2010 15:46
Avatar van cyberninjah Lid Body background ???? aan gedacht ??
Offline kiwi - 28/07/2010 17:02
Avatar van kiwi Nieuw lid Ja maar waarom werkt z-index niet? je moet een probleem oplossen, niet vermijden 
Offline cyberninjah - 28/07/2010 17:19
Avatar van cyberninjah Lid z-index + 100% height heeft nog nooit lekker gewerkt bij mij.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s