Div moet onderaan

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C# .NET Developer

Bedrijfsomschrijving Onze klant is een innovatief en dynamisch bedrijf dat gespecialiseerd is in het ontwerpen, bouwen en implementeren van systemen voor gebruik binnen semi-industriële omgevingen. Het is een bedrijf met meer dan 15 jaar ervaring in de industriële branche. Tevens is onze klant een ervaren en betrouwbare partner die "state of the art" oplossingen biedt. De systemen van onze klant worden wereldwijd door organisaties gebruikt. Deze systemen zijn volledig geautomatiseerd en worden via het web toegankelijk gemaakt door diverse .NET oplossingen. De oplossingen die onze klant aanbiedt worden gekenmerkt door hun soliditeit en betrouwbaarheid. Bij deze organisatie wordt er veel

Bekijk vacature »

C# ontwikkelaar gezocht, academisch niveau, goed s

Ben je als .NET ontwikkelaar op zoek naar een (nieuwe) analytische uitdagende baan? Een baan waar je te maken krijgt geavanceerde wiskundige modellen? Dan zou deze organisatie je dit kunnen bieden. Voor een organisatie in Delft zijn we momenteel op zoek naar .NET ontwikkelaar met een academisch niveau en kennis of affiniteit met het bouwen van modellen, dataprocessen en applicaties in .NET C#. De organisatie houdt zich bezig met het leveren van zeer specifieke diensten voor de financiële sector en doet veel zaken met grote financiële instellingen. Het gaat hier om een kleinere organisatie van circa 15 mensen waarvan 5

Bekijk vacature »

E-mail Developer

Als E-mail Developer laat je Coolblue er in elke mailbox goed uit zien. Hoe word ik E-mail Developer bij Coolblue? Kan jij met jouw technische ervaring en skills de vetste emails coderen? Weet jij daarnaast alle laatste snufjes op het gebied van email en kan je niet wachten deze te delen met onze campagne specialisten? Dan is deze functie iets voor jou! Wil jij E-mail Developer worden bij Coolblue? Annelotte legt je uit hoe je dat doet. Dit vind je leuk om te doen Het ontwikkelen van vette e-mails door gestructureerde HTML en CSS te schrijven in een snel tempo.

Bekijk vacature »

Front-end Developer

Icologiq is op zoek naar een Front-end Developer. Functie omschrijving Je wordt onderdeel van een topteam bestaande uit Business Consultants, Software Developers en Software testers. Kwaliteit staat bij ons op #1, op de voet gevolgd door plezier in je werk. We werken volgens Agile principes – denk aan daily’s, sprints, sprint reviews en retrospectives. Functionele specs worden opgesteld door onze consultants die in nauw contact staan met onze klanten en developers. Functievereisten Goede beheersing van zowel de Nederlandse als de Engelse taal (mondeling en schriftelijk); Afgeronde MBO-/HBO-opleiding; Beheersing van: JavaScript, HTML5, CSS3, SASS, REST, JSON en e.v. andere technieken; Ervaring

Bekijk vacature »

Digital Solutions Developer Lead

The goal is to develop (and maintain - DevOps) the Digital capabilities to support the Digitalisation within MS Amlin. For this we're looking at working with state-of-the-art (low-code) technology that will allow for the creation of a digital eco-system. Client Details MS Amlin is a leading commercial insurance company and part of Japanese insurance group MS&AD (6th largest the world). Digital Trading is one of the key strategic growth & efficiency improvement areas for MS Amlin. Digitalisation of our offering is essential for maintaining our position, enhancing client intimacy, improving efficiency and building out our presence in the European SME

Bekijk vacature »

.NET developer / .NET Core / C# / Azure / Angular

Bedrijfsomschrijving Als .NET developer ga je samen met zes collega's werken in aan state-of-the-art oplossingen voor diverse opdrachtgevers en werk jij hard om de kwaliteit te blijven waarborgen van het geleverde werk. Denk hierbij aan het van scratch af aan bouwen van oplossingen, platformen, apps en andere portalen waar grote hoeveelheden data, AI en loT centraal staan. Zo is de organisatie onder andere bezig met het bouwen van een platform wat gebouwen middels tal van sensoren in kaart brengt en alles wat daarbij komt kijken. Zo kan iedereen in een opslag op een plattegrond zien welke ruimte bezet, gereserveerd of

Bekijk vacature »

Senior PHP Developer

Bedrijfsomschrijving Betreffende organisatie is een echte softwareclub, gevestigd in de regio van Amersfoort en gespecialiseerd in de ontwikkeling van een grote SaaS-oplossing waar veel gevoelige data in omgaat. Al ruim 20 jaar lang zijn zij bezig met de ontwikkeling van de applicatie, waar de focus ligt op locatie- en platformonafhankelijkheid en gebruikersvriendelijkheid. De software is device en browser onafhankelijk en draait tevens sterk op integraties met andere applicaties zoals Office 365. De front-end wordt ontwikkeld in Angular en de back-end wordt ontwikkeld in PHP. Verder werken zij met Linux servers en workstations. Ter versterking van het development team, dat momenteel

Bekijk vacature »

Jong internetbureau zoekt medior backend ontwikkel

Bedrijfsomschrijving Binnen deze jonge en flexibele organisatie wordt er gewerkt aan unieke projecten voor het MKB. Hierbij kan je denken aan creëren van websites, webapplicaties en het uitrollen van een gehele online marketing strategie. De samenwerkingen die ze met hun klanten hebben zijn altijd gericht op de lange termijn en zijn erg stabiel. In totaal bestaat dit bedrijf uit 12 medewerkers, de sfeer is relaxed en er is genoeg aandacht voor persoonlijke ontwikkeling. Je komt te werken in een afwisselende omgeving waar er ook aandacht is voor het uitrollen van eigen concepten, heb jij een goed idee? Vertel het en

Bekijk vacature »

C# developer gezocht (distributed systems, SOA, NS

Ben je een C# developer met een oplossingsgerichte mentaliteit en op zoek naar een veelzijdige baan binnen een kleinschalig dynamisch bedrijf, waar je mee kunt denken in het groter geheel? Waar je met mensen komt te werken die betrokken zijn en een gemeenschappelijk gevoel van verantwoordelijkheid hebben? En waar je werkt aan schaalbaarheidsuitdagingen zodat jouw software grote hoeveelheden data kan verwerken? Nieuwsgierig? Lees dan verder! Voor een Rotterdams bedrijf zijn we op zoek naar een enthousiaste, en met name leergierige, full stack developer of een web developer die graag full stack wil worden. Het bedrijf biedt geavanceerde technische oplossingen die

Bekijk vacature »

Software Solution Architect

Kom jij ons team helpen bij het ontwerpen en ontwikkelen van moderne, heldere en realiseerbare architecturen voor grote, complexe omgevingen bij onze klanten binnen de Nederlandse overheid? Meer weten? Bel of Whatsapp met Aad van Kempen via 06 10040513! Wat ga je doen? In jouw rol als Software Solution Architect breng je de Nederlandse overheid via CGI naar het nieuwe digitale tijdperk met de beste ICT-infrastructuur. Hoe? Als aanspreekpunt, adviseur en hoeder voor de inrichting van het IT-landschap. Je realiseert efficiënt de IT-toepassingen, operationeel en strategisch. Waarom? Alleen het beste is goed genoeg. Daarom ga je voor een optimaal afgestemde

Bekijk vacature »

Mendix Expert Developer (Senior) (NL)

Mendix Expert Developer (Senior) (NL) Den Haag HBO/WO IT Professional "Als Mendix expert impact maken op de groeiende E-commerce markt met onze logistieke software en onze kritieke logistieke keten. Je doet dit door ontwikkeling en uitbreiding van onze Mendix Cloud omgeving, waarbij je complexe business processen vertaalt naar kritieke Mendix applicaties.". Wat ga je doen? PostNL is becoming a postal tech company Als Mendix Expert Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead, Mendix Developers en Solution Consultants. Wij zetten Mendix in voor kritieke processen waarbij applicaties optimaal moeten performen, want wanneer deze uitvallen,

Bekijk vacature »

Fullstack Developer Vue/Node

Onze opdrachtgever heeft ruimte voor een fullstack developer. Fulltime, om te starten een half jaar per 1 december 2020. Stack: Frontend: JavaScript, Vue, (HTML, React, CSS, SASS) Backend: Node, Express, PHP, Docker, Kubernetes, Elastic, SQL, MongoDB. LET OP: WO DIPLOMA BINNEN ICT IS VEREIST. Als je ervaring met GIS data en met digitale samenwerkingsverbanden hebt, is dat een manier om je op een positieve manier te kunnen onderscheiden. De afdeling is gestart om de diensten en producten te vernieuwen om beter op de veranderende behoefte van de organisatie aan te sluiten. Onderdeel hiervan is het, zo gebruiksvriendelijk mogelijk, (door)ontwikkelen…...vandaar de

Bekijk vacature »

C# .Net ontwikkelaars voor zeer complexe applicati

Bedrijfsomschrijving Dit bedrijf maakt al jaren duurzame oplossingen voor het schoonhouden van de straten. Ze hebben drie verschillende scrumteams die intern werken aan de diverse oplossingen die ze bieden. De klant kent een informele werksfeer waarbij plezier en mooie codes schrijven hand in hand gaan. De organisatie staat landelijk bekend om de hoogstaande software platforms die ze maken en aan veel nationale en inmiddels ook internationale klanten leveren. Hele belangrijke punten voor onze opdrachtgever zijn duurzaamheid en innovatie, dit laten ze zien in hun producten én oplossingen. Wil jij je inzetten voor schonere straten? Functieomschrijving Je werkt hier in een

Bekijk vacature »

Leiden centraal zoekt PHP developer

Bedrijfsomschrijving Deze fullservice internet organisatie zoekt een PHP developer die ruime ervaring heeft met frameworks. Ze bouwen hier webapps voor verschillende branches waaronder non-profit organisaties en verenigingen. Het is een frisse, jonge en dynamische organisatie die diverse mooie klanten heeft in verschillende branches. De projecten waar je aan werkt eisen hoge kwaliteit op zowel technisch als creatief vlak. 90% van de projecten is maatwerk en die vragen dan ook allemaal een andere aanpak. Met welke technieken en hoe je het project gaat aanvliegen bepaal jij samen met het team en de klant. De klant heeft een wens die jij gaat

Bekijk vacature »

Medior iOS Developer

Als iOS Developer zorg jij voor een ultieme klantervaring voor het zoeken en kopen van producten bij Coolblue via de app. Hoe word ik iOS Developer bij Coolblue? Je bent succesvol in het schrijven van Swift code en werkt nauw samen met je collega’s, bijvoorbeeld in de vorm van pair programming, om de kwaliteit te waarborgen. Daarbij denk je na over technische keuzes zoals architectuur, tools en processen. Verder houd je de prestaties van de app in de gaten en analyseer je met het team hoe je dit kunt verbeteren. Het werken volgens Scrum methode is jouw niet onbekend en

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

25/11/2020 17:08:55
 
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.