Div moet onderaan

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full-stack .NET developer gezocht, Goeree-Overflak

Ben je een .NET software developer en op zoek naar een professionele werkomgeving binnen een wat groter innovatief en ambitieus bedrijf? Waar sprake is van een uitgebreid applicatielandschap met elke dag nieuwe uitdagingen, waar alles mogelijk is, binnen een goede collegiale sfeer? Lees dan verder! Voor een bedrijf in Goeree-Overflakke zijn we momenteel op zoek naar een ervaren software developer. De IT afdeling bestaat uit circa 60 mensen waarvan zo'n 15 developers. Voor de recente architectuur wordt gebruikt gemaakt van de nieuwste technieken waaronder .NET Core, Docker en Angular. Echter bestaat het applicatielandschap uit een groot aantal verschillende applicaties waarbij

Bekijk vacature »

Cloud Dev Engineer

Cloud Dev Engineer Functiebeschrijving: Be part of something exciting! Do you want to be at the forefront of the continuously changing world of ICT? Can you, with your knowledge and experience, realize innovative and reliable Cloud environments? You will be in a fast paced environment working with the newest and latest technology with multiple clients and technologies. Numerous opportunities are available to increase your skills and progress your career. Your day-to-day activities As a Cloud Dev Engineer you will help our customers to modernize their existing applications and to migrate and connect them to the private or public Cloud (Azure

Bekijk vacature »

Fullstack .NET Ontwikkelaar

Bedrijfsomschrijving Onze klant is Europees leider op het gebied van software voor één specifieke markt. Hierbij houden zij rekening met de unieke eigenschappen van deze business, om de klant zo veel mogelijk te ondersteunen/ontzorgen. Het gaat om een kleine organisatie waar korte lijnen, ontwikkeling en initiatief centraal staan. Op dit moment zijn zij op zoek naar een Fullstack .NET ontwikkelaar welke zich gaat richten op het onderhoud van de huidige software, maar vooral ook op de volledige vernieuwing van het pakket. Dit laatste zal een traject van meerdere jaren zijn, gezien de complexiteit en de omvang van de software. Daarnaast

Bekijk vacature »

.NET developer

Ben je niet onbekend met .NET frameworks en full-stack development? En ben je op zoek naar een uitdagende functie bij een groeiend bedrijf? Dan heb je wellicht interesse in de positie van: .NET developer voor ons kantoor in Helmond Over de positie: Je hebt een duidelijke rol binnen het team, waarbij je verantwoordelijk voor het ontwerpen en beheren van de plug ins voor de verschillende webshopomgevingen en/of de webportal bent. Je geeft advies aan resellers ontwikkelaars en begeleidt ze op technisch gebied aangaande de implementatie van nieuwe betaalmethoden en levert 3de lijns technical support. Over jou: Wij zijn op zoek

Bekijk vacature »

Ervaren full-stack C# developer, .NET CORE, Typesc

Voor een ambitieuze en snelgroeiende organisatie de regio Rotterdam zijn we momenteel op zoek naar een .NET C# developer. De organisatie bestaat inmiddels ruim 15 jaar en heeft een systeem ontwikkeld waarmee bedrijven de informatie van grote en complexe projecten beter kunnen managen. Dit systeem is geheel webbased. Om hun globale ambities waar te maken zijn ze recentelijk begonnen het systeem geheel te herbouwen met de nieuwste technieken. Denk hierbij aan technieken als .NET CORE, Typescript, React, Kubernetes en Azure. Niet alleen betekent voldoende nieuwe technische uitdaging maar ook betekent dit dat je voor 80 tot 90% van je tijd

Bekijk vacature »

Back-end Developer SpringBoot APIs

Bedrijfsomschrijving For our client in Rotterdam, we are looking for an experienced back-end developer. Within the Banking domain, you get to work in one of the scrum teams. Your activities are very diverse, but everything comes down to providing a complete customer experience for customers. As a DevOps team, you support other IT teams in the grid, providing them with the integration of applications, deployments, and automation. As a coach and mentor in your team, you ensure that your own and the development of your teammates is part of the sprint planning, so that the team as a whole can

Bekijk vacature »

OutSystems developer

Bedrijfsomschrijving Onze opdrachtgever, gevestigd in regio Amsterdam, is een innovatieve dienstverlener die zich richt op grote corporates in verschillende sectoren. Doordat je bij veel verschillende klanten aan de slag zal gaan is geen enkel project hetzelfde. De organisatie kenmerkt zich door hoge mate van professionaliteit en innovatieve oplossingen. In de rol van OutSystems developer zal jij verschillende grote klanten helpen om efficiënte OutSystems oplossingen te ontwikkelen en implementeren. Jij zal hierbij vanuit jouw expertise de klant adviseren over hoe OutSystems als lowcode platform een toegevoegde waarde kan zijn en op welke manier deze gebruikt kan worden. Hierin neem jij uiteraard

Bekijk vacature »

Software Developer C#

Organization Within business line Applications, software groups address the area of complex machine control software. You will be end-to-end responsible for realization of software in C# . This is done using a scrum/Agile way of working. As a Software Developer you will act as fast learning software professional, and contribute to software realization using a disciplined agile/scrum based way of working. You apply software engineering practices such as requirements engineering (user story definition), object oriented analysis and design, implementation in C#, testing, and integration. You are eager to pick up knowledge on semiconductor fab automation and throughput models. What are

Bekijk vacature »

Cloud Engineer Welkomstbonus € 5.000,-

Cloud Engineer medior Welkomstbonus van € 5.000,- Bij T2 zorgen we goed voor elkaar en doen wij leuke dingen met leuke mensen. We zorgen voor uitdagende opdrachten zodat jij jezelf onbeperkt kan blijven ontwikkelen. Ben jij een ervaren systeembeheerder Cloud en wil je het beste uit jezelf halen? Dan ben je van harte welkom bij T2 en ontvang je onze welkomstbonus ter waarde van € 5.000,-. Er werken leuke mensen bij T2, die op een professionele en informele wijze met hun carrière en collega’s omgaan. Dat is de basis voor succes! Het is vanzelfsprekend dat je met de nieuwste technieken

Bekijk vacature »

ETL Developer Datawarehouse

Wil jij je ETL-ontwikkelexpertise inzetten binnen de zorg? Dan is dit jouw baan! Je werkt vanuit de Crystal Tower in Amsterdam met de nieuwste Microsoft-technieken aan slimme oplossingen die zorgorganisaties helder inzicht geven in hun verbeterpunten. Jouw baan Onze datamodellen geven ziekenhuizen meer inzicht in hun huidige activiteiten en verwachte ontwikkelingen. Jij gaat deze complexe modellen verder uitbouwen én ontwikkelt en verbetert daarbij proactief de ETL in C# en SQL. Hierbij heb je alle ruimte om te sparren met (ervaren) collega-ETL-ontwikkelaars en werk je samen met onze BI-ontwikkelaars, software developers en consultants technische implementatie. Jouw team Je versterkt een gemotiveerd

Bekijk vacature »

Full Stack .NET Developer voor zakelijke vergelijk

Dutch is mandatory for this position. Als Full Stack C#.NET Developer zorg jij ervoor dat het vergelijkingsplatform over de nieuwste functionaliteiten beschikt. Deze applicatie ondersteunt assurantiekantoren in het inzichtelijk maken en vergelijken van verschillende verzekeringsproducenten. Denk hierbij aan de meest actuele gegevens over premies en voorwaarden. Dit doen zij volledig onafhankelijk. Als Developer ben je bedreven in het samenvoegen van verschillende web services en databasen. Samen met jouw collega’s ben je verantwoordelijk voor het volledige ontwikkeltraject. Je schakelt makkelijk met verschillende afdelingen over bestaande en nieuw te ontwikkelen functionaliteiten. Naast het ontwikkelen van nieuwe functionaliteiten, zal je ook de bestaande

Bekijk vacature »

Java Developer / Redesign / Complex / Overheid

Bedrijfsomschrijving Bij deze overheidsinstantie zal je terecht komen in een DevOps team van 5 man/vrouw groot. 4 daarvan houden zich bezig met het (door)ontwikkelen van de applicaties en 1 iemand is verantwoordelijk voor het testwerk. Echter, doordat ze steeds meer geautomatiseerd testen en richting CI/CD willen gaan, zal jij je daar ook zeker mee gaan bemoeien! Zoals gezegd kom je in een erg complexe omgeving terecht. Dit heeft voornamelijk te maken met het feit dat je met diverse Europese lidstaten en veel verschillende componenten te maken hebt. Dit maakt het daardoor erg uitdagend, maar niet minder leuk! Daarnaast zijn zij

Bekijk vacature »

C# .NET Ontwikkelaar

Bedrijfsomschrijving Begin jaren 60' is de organisatie begonnen als gespecialiseerde werkmaatschappij om invulling te geven aan de toenemende vraag naar industriële automatiseringsoplossingen. De organisatie heeft daardoor al ruim 45 jaar ervaring met optimalisatie van processen binnen de industriële sector. De laatste jaren hebben zij zich met name gespecialiseerd in de verticale integratie van de werkvloer met de hoger gelegen management informatie systemen. De organisatie kenmerkt zich als innoverend, meedenkend en informeel. Binnen het team heerst er een positieve teamspirit met een gezonde dosis ondernemerschap en humor. Werk moet immers ook leuk zijn, toch? Functieomschrijving Ben jij een C# Developer die

Bekijk vacature »

.NET Developer en werken voor nieuwe, frisse detac

Bedrijfsomschrijving Wil jij werken voor een nieuwe detacheerder, die van plan is om de wereld van IT detachering te gaan veranderen? Dan is dit een mooie kans! Deze nieuwe organisatie is ontstaan uit een samenwerking tussen twee zeer ervaren managers uit de wereld van IT detachering. Zij werkten allebei voor een grote detacheerder en liepen hier regelmatig tegen punten aan die zij graag anders wilden zien. Het belangrijkste punt dat hen elke keer weer opviel was dat zij té vaak niet de ruimte kregen om te luisteren naar wat de Developers die zij in dienst hadden nou echt wilden. De

Bekijk vacature »

Senior C# Developer (NL) bij PostNL

Senior C# Developer (NL) Den Haag HBO/WO IT Professional "Als Senior C# Developer impact maken op de groeiende E-commerce markt met onze logistieke software. Je doet dit door complexe bedrijfskritische logistieke business processen te vertalen naar de ontwikkeling en uitbreiding van onze Cloud IT-platformen en software oplossingen in C# en AWS" Wat ga je doen? PostNL is becoming a postal tech company. Als Senior C# Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead Engineer, Developers en Solution Consultants. Samen zijn jullie verantwoordelijk voor het bouwen aan onderdelen uit onze logistieke software omgeving. Binnen het

Bekijk vacature »
Hipska BE

Hipska BE

31/03/2008 11:04:00
Quote Anchor link
Ik heb een probleempje met mijn <div class="footer">

Als de inhoud van de pagina korter is dan de hoogte van de browser, dan zou die footer onderaan de browser moeten plakken.

Dit was volgens mij te doen met bottom: 0p; en position: absolute;
Maar hier had ik het probleem als de tekst langer werd dan de hoogte van de browser, dan kwam die footer over de tekst van de inhoud te staan.

Dit laatste wil ik natuurlijk niet.

Hier voorbeeldje met mijn HTML en CSS: http://beta.yargo.eu:8080/
 
PHP hulp

PHP hulp

19/01/2021 18:47:56
 
Gerben Jacobs

Gerben Jacobs

31/03/2008 11:10:00
Quote Anchor link
Iets met

.footer>body {
blabla
}

Sorry, meer weet ik ook niet..
 
Hipska BE

Hipska BE

31/03/2008 11:14:00
Quote Anchor link
ehm, ja heb je ook iets nuttigs te melden?

Het is dus de bedoeling dat die footer onderaan het scherm plakt net als de header het doet bovenaan..
 
Joren de Wit

Joren de Wit

31/03/2008 11:15:00
 
Hipska BE

Hipska BE

31/03/2008 11:18:00
Quote Anchor link
ja bedankt, ik kijk even..

Edit:
Dit is dezelfde oplossing zoals ik ze overal vindt, maar die heeft dus de vreemde neiging als de tekst langer wordt, dat dan die footer boven de tekst gaat zweven. Dit wil ik dus niet.


Edit:
Vreemd, net even getest op die site van Jan, daar doet ie het niet :-S
Wat doe ik dan verkeerd?
Gewijzigd op 01/01/1970 01:00:00 door Hipska BE
 
Patrick Niezen

Patrick Niezen

31/03/2008 12:26:00
Quote Anchor link
Hey,

Lastige situatie, ik heb dat ooit eens een keer opgelost met Javascript. Ik had dynamisch de hoogte van de content-container omhoog gekrikt bij initialisatie en resizing. Stukje voorbeeld code, ik hoop dat je er iets mee kan, als ik dit zo terug zie denk ik... naja :P ik vind Javascript geen mooie oplossing but it did the trick!

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function changeContentHeight() {
    var pageHeight = 0;
    
    if(self.innerWidth) {
        pageHeight = self.innerHeight;
    } else if(document.documentElement && document.documentElement.clientHeight) {
        pageHeight = document.documentElement.clientHeight;
    } else if(document.body) {
        pageHeight = document.body.clientHeight;
    } else return;
    
    var contentHeight = pageHeight - (document.getElementById('header').offsetHeight + document.getElementById('hoofdmenu').offsetHeight + document.getElementById('footer').offsetHeight);
    document.getElementById('content').style.minHeight = contentHeight + 'px';
    
    // Check what browser
    var details = navigator.userAgent;
    if(details.indexOf("MSIE") != -1) {
        var IE = details.substring(details.indexOf("MSIE") + 5, details.indexOf("MSIE") + 6);
        if(IE == "6")
            document.getElementById('content').style.height = contentHeight + 'px';
    }
}


Deze functie koppelde ik dus aan het document ready event en resize event.
 
Joren de Wit

Joren de Wit

31/03/2008 12:41:00
Quote Anchor link
Quote:
Wat doe ik dan verkeerd?
Jan geeft zijn wrapper nog een padding-bottom van 32px mee. De footer schuift dus wel over die div heen, maar nooit over de tekst in die div ;-)

@Patrick: zoals je zelf al zegt, een javascript oplossing is niet echt wat je wilt. Dat kan immers ook uitgeschakeld zijn en dan zit je weer met hetzelfde probleem...
 
Hipska BE

Hipska BE

31/03/2008 12:52:00
Quote Anchor link
dus als ik het goed begrijp, moet ik in de div van de content een padding-bottom instellen die evenveel is als de hoogte van de footer div?

Dit lijkt me ook redelijk onhandig, daar je ook niet altijd de hoogte daarvan kan weten.

Overigens lijkt me margin-bottom wel juister als je met borders e.d. werkt.
 
Stijn

Stijn

31/03/2008 12:59:00
Quote Anchor link
Ik heb zelf ook op een website een footer die automatisch naar beneden schiet netjes onder de content maakt niet uit hoe lang die is.

Hoe ik dit doe is het volgende. Ik maak een Div om de div van de content en footer heen. Deze geef ik verder geen waardes mee.

Dan zeg ik min-height: 300px ofzo en voor IE if FF ik weet het zo niet meer is het:
* html{
height:300px;
}
Dan zeg je bij de div footer margin-top: 10px; zodat hij altijd netjes 10px onder de content komt en klaar.

Let wel even op dat je nog ff mischien met position:absolute; moet werken.

dit is allemaal uit mijn hoofd kan zo niet bij mijn code hoe ik het precies heb gedaan!
 
Joren de Wit

Joren de Wit

31/03/2008 13:00:00
Quote Anchor link
Doordat je voor je footer position:absolute gebruikt tov de container waar hij in staat, kun je niet voorkomen dat andere divs in die container achter je footer schuiven.

De truc is dan dus om inderdaad je content div net zoveel padding aan de onderkant te geven als je footer hoog is, op die manier zal nooit de content zelf achter de footer schuiven.
 
Hipska BE

Hipska BE

31/03/2008 13:33:00
Quote Anchor link
Maar die redenering klopt toch niet echt he.

Je kan toch moeilijk weten hoe hoog een footer div zal zijn?
Let op de hoeveelheid text erin, dit kan je zelf wel wat beperken, maar wat je niet kan beperken is de lettergroote, iedere user kan in zijn browser gewenste lettergrootte kiezen.

Zo kan een footerDiv bij iedereen andere grootte hebben.
 
Joren de Wit

Joren de Wit

31/03/2008 13:38:00
Quote Anchor link
Een footer met dynamische hoogte is niet echt gebruikelijk, de content van een footer is normaal gesproken namelijk weinig dynamisch. In dit geval zul je dus inderdaad een vaste hoogte voor je footer moeten gebruiken.

Dat men de lettergrootte kan aanpassen is inderdaad wel een punt, maar of je daar nu rekening mee moet houden bij het dynamisch maken van je website? Dan kun je alle onderdelen wel dynamisch gaan maken en dat is lijkt me ook niet echt wenselijk. Een overflow:hidden lijkt me een betere oplossing.
 
Hipska BE

Hipska BE

11/06/2008 09:30:00
Quote Anchor link
Ok, even een oud topic oprakelen.
Ik heb het op een beetje andere manier opgelost.

Die footer div heb ik hetzelfde eruit laten zien als die content en sidebar div's, zodat als de content niet het volledige scherm inneemt, je een gewone footer ziet met alle kanten een rand. Is de content langer, dan zie je de footer div onderaan plakken net als de header bovenaan plakt ;-)

Kan iemand dit testen in IE of hij het daar ook doet? (zelfde url)
Klik op hide div om een kleinere content te hebben.

Het mooiste resultaat heb je nu in Safari, ondersteuning voor firefox en IE komt later nog, maar ik wou nu even weten of die fix het deed in IE...
 
Leon Kunst

Leon Kunst

11/06/2008 09:35:00
Quote Anchor link
hmm, in IE blijven btw alle divjes een groene achtergrondkleur houwe...

verder blijft zowel in opera als in IE, die footer gewoon onder de rest van de divjes. tis niet zo dat ie dus altijd op de bodem hangt...

ook nie als ik de div inklap
 
Hipska BE

Hipska BE

11/06/2008 09:43:00
Quote Anchor link
ik zei toch niet dat ie moet onderaan hangen...

neem eens firefox of safari en je merkt wat ik bedoel.

Edit:
Kan je mij anders screenshot leveren van de ingeklapte div? Dan kan ik zelf wel oordelen of het volgens mij ok is ;-)
Gewijzigd op 01/01/1970 01:00:00 door Hipska BE
 
Leon Kunst

Leon Kunst

11/06/2008 09:45:00
Quote Anchor link
mja als firefox het goed weergeeft, dan doet IE 7 en opera dat ook.. dus ziet er verder goed uit:)
 
Hipska BE

Hipska BE

11/06/2008 10:06:00
Quote Anchor link
Lol ik zie net dat FF hem niet doet zoals ik wou :p

Ik kijk wel nog even hoe ik het oplos. Alvast bedankt ondertussen.
 



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.