css-layout wil maar niet lukken

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

WordPress & Azure Developer

Dit ga je doen Zowel front- als back-end development aan de online website omgeving; Het up-to-date houden van alle WordPress-sites; Koppelingen maken tussen applicaties; Meedenken en adviseren over verbeteringen; Development door middel van WordPress, Javascript, HTML en CSS; Werken binnen Scrum/Agile team. Hier ga je werken Voor een grote overheidsinstelling in Den Haag zijn wij opzoek naar een WordPress developer, met kennis en ervaring op het gebied van Azure. De organisatie zit in een grote transitie waarbij de gehele website/online omgeving vernieuwd zal gaan worden. Binnen dit Scrum/Agile team ben je verantwoordelijk voor deze grote migratie/ombouw van de omgeving. De

Bekijk vacature »

Senior developer (PHP en VB.NET)

Functie De development afdeling bestaat uit 2 teams. Het productteam (10 developers) is verantwoordelijk voor verschillende applicaties met als doel om zoveel mogelijk te automatiseren en uit te werken tot standaard software. Met diverse Solutions Architecten en ervaren developers denken ze voortdurend mee met hun klanten en bouwen ze de basis van het uiteindelijke maatwerk dat wordt geleverd. Hiernaast hebben ze een maatwerk/projectteam. Dit team bestaat momenteel uit 8 developers (junior tot senior) en is verantwoordelijk voor het maatwerk in hun klantprojecten. Momenteel zijn ze op zoek naar een senior developer die aan de slag gaat in het productteam. Hierin

Bekijk vacature »

.NET Developer

Functie omschrijving Ben jij een senior .NET developer en heb jij tevens ervaring als teamlead? Ben jij iemand met een helikopterview en denk jij graag mee met de klanten? Dan zijn wij op zoek naar jou! Voor een geweldig bedrijf zijn wij namelijk op zoek naar een ervaren .NET developer. Het bedrijf houdt zich bezig met het ontwerpen en bouwen van websites, portalen en applicaties voor met name zorg- en onderwijsinstellingen en overheidsinstanties. Jouw taken: Het fungeren als Lead Developer; Het meedenken met de business (dit vergt commercieel inzicht); Het begeleiden van diverse projecten (van klein tot groot); Het ontwerpen

Bekijk vacature »

Java Developer

Functie Wat ga je doen als Java developer? Jij komt terecht binnen een informeel team waarin je verantwoordelijk bent voor de backend systemen voor grote klanten als Ziggo en KPN. Als Medior Java developer werk je in teamverband en soms individueel. Gedurende de werkweek zal je veelvuldig sparren met je collega’s voor een goede implementatie van de software. Ben jij een echte Java developer? Ben je geïnteresseerd in de nieuwste technieken en de laatste ontwikkelingen? Dan ben je hier aan het juiste adres! Eisen Wat wordt er van jou verwacht? • Minimaal HBO/WO denk- en werkniveau; • Analytisch sterk, open

Bekijk vacature »

Front-End React Developer

Als Front-End React Developer verbeter je de user experience van onze eigen webapplicaties voor onze collega's binnen Coolblue. Wat doe je als Front-End React Developer bij Coolblue? Als Front-end React Developer werk je aan de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten met React.js. Je vindt het leuk om samen te werken met de UX designer om stories op te pakken. Daarnaast ben je trots op je werk en verwelkomt alle feedback. Ook Front-end React Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen Verbeteren van de gebruiksvriendelijkheid van onze webshop

Bekijk vacature »

Front-end Developer

Dit ga je doen Doorontwikkelen van software; Ontwikkelen en testen van nieuwe functionaliteiten; Implementaties van nieuwe functionaliteiten en updates; Verzorgen van technische migraties naar nieuwe frameworks; Verwerken van incidenten. Hier ga je werken Onze klant, gevestigd in de regio Amsterdam, draagt bij aan het verbeteren van de veiligheid en efficiëntie van de Nederlandse infrastructuur door het ontwikkelen van afgemeten software oplossingen. Zo passen zij location intelligence toe om onderhoud en reparaties efficiënt te laten verlopen. Verder zorgen deze systemen dat incidenten zo snel mogelijk worden opgelost. Als Front-end Developer ben jij samen met je team betrokken met het (door)ontwikkelen van

Bekijk vacature »

Outsystems Developer Junior

Dit ga je doen Bouwen aan nieuwe en innovatieve applicaties; Maken van koppelingen tussen Outsystems en het bestaande applicatielandschap; Troubleshooting op bestaande software. Hier ga je werken De organisatie is internationale speler binnen de bouwbranche en richt zich op de infrastructuur, zowel boven als onder de grond. Ze zijn ruim 1100 man groot en maken op IT vlak een mooie groei door. Als junior Outsystems Developer kom je te werken op een IT-afdeling van zo'n 25 man groot. Een aantal jaar geleden hebben ze de keuze gemaakt om zich meer te gaan richten op ontwikkeling en door de groei van

Bekijk vacature »

SAP ABAP Developer

Dit ga je doen Software ontwikkeling met behulp van o.a. ABAP, Sapscript en Smartforms Maatwerk development op SAP ECC 6.0, in de toekomst S/4 HANA Samenwerken met Business Analisten die functioneel en technisch ontwerpen aanleveren Testen van opgeleverde software Bugfixing Ondersteuning van eindgebruikers Hier ga je werken Onze klant, een internationaal gevestigd productiebedrijf dat mensen blij maakt, is ter versterking op zoek naar een ABAP Developer voor hun SAP team. Het team van 4 mensen verzorgt de ontwikkeling van maatwerk voor de SAP omgeving waar wordt gewerkt met modules SD, FI/CO, PM en MM. Momenteel draait het bedrijf op SAP

Bekijk vacature »

Back-end developer

Functieomschrijving Voor een gewaardeerde werkgever in regio Tilburg zijn wij op zoek naar een gemotiveerde SQL Developer/ functioneel consultant. Jij wordt verantwoordelijk voor zowel het ontwerpen en implementeren van SQL-databases als voor het in kaart brengen van de bedrijfsprocessen van een organisatie en het vertalen van deze processen naar IT-oplossingen. Jouw takenpakket komt als volgt uit te zien: Ontwerp en implementatie van SQL-databases: Je ontwerpt, ontwikkelt en implementeert SQL-databases om de data behoeften van de organisatie te ondersteunen; Analyse van bedrijfsprocessen: Je analyseert de bedrijfsprocessen van de organisatie om de behoeften van de klant te begrijpen en te vertalen naar

Bekijk vacature »

Senior Applicatie ontwikkelaar Java

Bedrijfsomschrijving De IV- organisatie van de Belastingdienst is verantwoordelijk voor en verzorgt de ICT- voorzieningen. Het merendeel van de applicaties wordt op dit moment door de IV- organisatie zelf ontwikkeld, onderhouden en beheerd in het eigen data center. Naast de zorg voor continuïteit op de massale heffing- en inningsprocessen die plaatsvinden binnen een degelijke, stabiele omgeving, wordt er tevens volop gewerkt aan modernisering van het IV- landschap. Dit gebeurt deels intern door gebruik te maken van de expertise die intern aanwezig is, maar ook door het aantrekken van (kant-en-klaar) oplossingen en expertise uit de markt. Functieomschrijving We verwachten van je,

Bekijk vacature »

Oracle Developer / PL SQL

Dit ga je doen Software ontwikkeling aan een internationaal gebruikt pakket; Werken met technieken als Oracle 19c, Toad, PL/SQL, Oracle Forms, Reports en Designer; Meedraaien in internationale projecten; Meedenken over technisch en functioneel ontwerp; Samenwerken met collega's als Informatie Analisten, Testers en Release Managers; Soms wensen en eisen afstemmen met de business. Hier ga je werken Onze klant, een internationaal bekend bedrijf dat essentiële producten maakt waar iedereen graag gebruik van maakt, zoekt versterking in het Software Development team. Samen met 3 developers, een release manager, een informatie analist en 3 testers werk jij aan een systeem waarmee complexe producten

Bekijk vacature »

Back-end programmeur

Functieomschrijving Heb jij recent jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een erkende werkgever in regio Waalwijk zijn wij op zoek naar een back-end developer. Kennis of ervaring met C# & SQL is een must! Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten; Je bent verantwoordelijk voor de beheer en ontwikkeling van de software; Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je test de software en ontwikkelt deze door; Je brengt de aanpassingssuggesties van klanten in kaart, om ze

Bekijk vacature »

Lead Java Developer

Dit ga je doen Je taken bestaan onder andere uit: Het aansturen van een development team bestaande uit 8 collega's op technisch maar ook HR gebied; Het maken van strategische keuzes omtrent de (nieuw)bouw van deze applicatie; Het maken van technische ontwerpen; Hands-on mee ontwikkelen met het team (met o.a. Java, Spring, Angular, REST); Reviewen van code en feedback geven op collega developers. Hier ga je werken Als Lead Software Developer ben je verantwoordelijk voor één van de vier Agile Java ontwikkelteams die bouwen aan technologie die duizenden instanties wereldwijd verbindt. Dit Agile team, data Jira en Confluence gebruikt en

Bekijk vacature »

Senior front-end developer (React)

Functie Momenteel zijn ze op zoek naar een ervaren front-end developer. Als senior werk je nauw samen met 5 collega developers. Een klein scrum team dus, met korte lijnen waardoor jouw ideeën snel tot uitvoering gebracht kunnen worden. De huidige applicaties worden veelal ontwikkeld met o.a. React, Redux, TypeScript. Ze zijn echt op zoek naar een kartrekker in het team. Naast het meedenken over, opzetten en uitvoeren van bijvoorbeeld de architectuur of toepassing van nieuwe technieken krijg je ook veel tijd om de meer junior (front-end) developers te begeleiden. Hierin nemen ze graag de tijd om mensen de ruimte te

Bekijk vacature »

Applicatie ontwikkelaar

Functie omschrijving Zelfstandige applicatie ontwikkelaar gezocht voor familiair bedrijf in omgeving Barendrecht! Ben jij op zoek naar een nieuwe uitdaging en zoek jij een informele werkgever waar je zelfstandig kunt werken binnen een leuk IT team, lees dan snel verder want wie weet zijn wij op zoek naar jou! Binnen deze rol houdt jij je met het volgende bezig: Onderhouden en ontwikkelen van de IT systemen; Opzetten van Azure Cloud systemen, denk aan interfaces, hardware op de Cloud, webportalen of BI functies; Werken aan scripts binnen verschillende software applicaties, denk aan ERP en CAD; Ontwikkelen en implementeren van MS PowerApps

Bekijk vacature »
Robert Hamers

Robert Hamers

02/11/2013 20:42:08
Quote Anchor link
Hallo mensen,

Ik ben vandaag al uren bezig met het maken van een gewenste layout maar het wil simpelweg niet lukken. Ik wil best mijn code posten maar wat ik nu heb is ook maar weer van het internet geplukt.

Ik zal uitleggen wat ik wil.

Ik wil een header en een footer over de gehele breedte van de pagina. De footer moet altijd onderaan de pagina blijven. Als er meer content komt, dan moet de pagina kunnen scrollen met de footer nog steeds netjes onderaan.
In de content wil ik een gecentreerde div van 980px breed met een afwijkende achtergrondkleur. Deze kan dus groeien in de hoogte. Maar als er niet voldoende content is moet de achtergrondkleur van de div wel paginavullend blijven. Ofwel, de div moet doorlopen tot aan de footer. Om het wat te verduidelijken heb ik onderstaand plaatje gemaakt.

Afbeelding

Alvast bedankt voor de hulp. Degene die dit voor me kan oplossen ben ik eeuwig dankbaar!!!!
 
PHP hulp

PHP hulp

27/05/2026 11:42:56
 
Albert de Wit

Albert de Wit

02/11/2013 21:55:46
Quote Anchor link
Even een vraagje. Wil je dat de gele content even lang is als de inhoud die er in zit of moet hij altijd zo lang zijn als de pagina?
 
Nick kuijpers

nick kuijpers

02/11/2013 22:26:01
Quote Anchor link
bedoel je
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
    background-attachment:fixed;
en
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
min-height:...px;
Gewijzigd op 02/11/2013 22:32:16 door nick kuijpers
 
Robert Hamers

Robert Hamers

02/11/2013 22:46:32
Quote Anchor link
Albert, ik wil dat de gele div minimaal zo hoog is als de afstand van header tot footer. Zou er bijv. maar 1 regel tekst in staan dan nog zou het gele vlak tot aan de footer moeten lopen. Maar als de inhoud toeneemt moet de gele div meegroeien.

Ik ben een heel eind gekomen. Mbv de sticky footer trick bleef de footer netjes onderaan, ook als de inhoud toenam. Maar iedere keer als ik ging kloten om een 980px brede div in het midden te krijgen ging het mis. Of ik kreeg de inhoud niet gecentreerd of dat lukte wel maar beperkte de achtergrond kleur zich tot de inhoud.
 
Reshad F

Reshad F

03/11/2013 00:14:21
 
- SanThe -

- SanThe -

03/11/2013 00:49:55
Quote Anchor link
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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<html>
<head>
<title>test</title>
<style>
#container
{
    margin        : 0px auto;
    height        : 90%;
    overflow    : auto;
}
#head
{
    margin        : 0px auto;
    height        : 10%;
    background    : red;
}
#content
{
    margin        : 0px auto;
    width        : 80%;
    min-height    : 90%;
    background    : yellow;
}
#footer
{
    position    : fixed;
    left        : 0px;
    right        : 0px;
    bottom        : 0px;
    height        : 10%;
    background    : blue;
}
</style>
</head>
<body>
    <div id="container">
        <div id="head">
        </div>
        <div id="content">
        </div>
    </div>
    <div id="footer">
    </div>
</body>
</html>
 
Reshad F

Reshad F

03/11/2013 00:52:47
Quote Anchor link
@Santhe krijg je geen problemen met fixed footer als je met procenten werkt? ( zie het voor het eerst :p )
 
- SanThe -

- SanThe -

03/11/2013 00:58:18
Quote Anchor link
Ik heb er nog nooit problemen mee gehad.
 
Reshad F

Reshad F

03/11/2013 01:20:31
Quote Anchor link
In safari werkt het niet.
 
Robert Hamers

Robert Hamers

03/11/2013 10:31:36
Quote Anchor link
SanThe,

Dat is nog niet helemaal wat ik bedoelde. De footer is fixed maar die moet gewoon meeschuiven.
Bij de header heb ik boven, links en rechts een witte rand en tussen de gele content en de footer zit ook een witte rand.
 
- SanThe -

- SanThe -

03/11/2013 11:04:11
Quote Anchor link
Zo dan?
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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<html>
<head>
<title>test</title>
<style>
#container
{
    margin        : 0px auto;
    height        : 100%;
    overflow    : auto;
}
#head
{
    margin        : 0px auto;
    height        : 10%;
    background    : red;
}
#content
{
    margin        : 0px auto;
    width        : 80%;
    min-height    : 80%;
    background    : yellow;
}
#footer
{
    margin        : 0px auto;
    height        : 10%;
    background    : blue;
}
</style>
</head>
<body>
    <div id="container">
        <div id="head">
        </div>
        <div id="content">
        </div>
        <div id="footer">
        </div>
    </div>
</body>
</html>
 
Robert Hamers

Robert Hamers

03/11/2013 11:20:59
Quote Anchor link
SanThe, dit is voor 99% wat ik wil. Enorm bedankt alvast.
Nog 1 kleine toevoeging. De header en footer zijn 10% en de content dus 80%. Maar is het ook mogelijk een footer van 120px hoog en een footer van 40px te verwerken in je script?

Mijn header bevat namelijk een header (duh) en een navigatiemenu en die zijn bij elkaar 120px hoog.
Gewijzigd op 03/11/2013 11:23:00 door Robert Hamers
 
- SanThe -

- SanThe -

03/11/2013 17:47:48
Quote Anchor link
Met pixels gaat het naar mijn weten niet lukken op deze manier.
 
M B

M B

03/11/2013 17:54:06
 



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.