css-layout wil maar niet lukken

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C#.NET ontwikkelaar

Functie omschrijving Voor een softwarebedrijf in de omgeving van Veghel zijn we op zoek naar een C# developer. Word jij blij van ontwikkelen in C# en .NET? Lees dan snel verder! Jouw werkzaamheden zullen er als volgt uit gaan zien: Op basis van de wensen van de klant ga je samen met je collega's ga je op zoek naar de juiste oplossingen en je gaat dit uitwerken tot een mooi eindproduct. Je bouwt webshops, webapplicaties en websites, dit doe je door middel van ASP.NET, MVC Framework en C#. Je zorgt voor de optimalisering van bestaande software en de automatisering van

Bekijk vacature »

Back-end Developer

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe stap? Voor een softwarebedrijf in regio Oosterhout zijn wij op zoek naar een back-end developer met kennis of ervaring met C# en SQL. 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 vervolgens te analyseren en daarna te concluderen of de aanpassing een verbetering is; Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten;

Bekijk vacature »

.NET software developer

Functie omschrijving Voor een gewilde werkgever in omgeving Roosendaal zijn wij op zoek naar een back-end software developer met een aantal jaar werkervaring. Je krijgt een plekje in het workflow team en je zal betrokken worden bij het bouwen van nieuwe software, en het optimaliseren van bestaande code. Je werkt bij dit bedrijf in een Scrum team waarin je soms klantcontact hebt. Jouw werkzaamheden zullen er als volgt uit zien: Je krijgt een plekje op de in-house IT afdeling. Deze afdeling bestaat uit zo'n 12 collega's, verdeeld over verschillende specialisaties (BI, Beheer, Business software & workflow). De vacature staat open

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET ontwikkelaar start jij in een ontwikkelteam met 7 .NET developers. In ons team werken er drie senior .NET developer, twee medior .NET developers en twee junior .NET developers. Er is dan ook genoeg senioriteit in ons team om jou te kunnen bieden wat jij nodig hebt! Wij werken in scrum en hebben drie wekelijkste sprints. Daarnaast doen wij minimaal vier keer per jaar een release. Ons platform is ontzettend complex en groot. Het is dan ook in het begin belangrijk dat jij de processen gaat begrijpen. Jij krijgt dan ook een cursus om beter te begrijpen

Bekijk vacature »

Senior Java Developer

Als Senior Java Developer bij Sogeti ben je onderdeel van onze toonaangevende community die bestaat uit ruim 100 gepassioneerde Java professionals. In teamverband lever je mooie prestaties. Daarmee draag je aan bij de meerwaarde die wij leveren aan onze top-opdrachtgevers. Geen werkdag is hetzelfde! Je bent voortdurend bezig met het oplossen van allerlei complexe vraagstukken binnen bedrijfs kritische systemen voor onze klanten in regio Noordoost zoals DUO, ING, CJIB en Tendernet. Natuurlijk krijg jij de mogelijkheid je verder te certificeren in dit vakgebied. We organiseren regelmatig technische Meetups en doen veel aan kennisdeling. Sogetisten hebben plezier in hun werk en

Bekijk vacature »

C++ Ontwikkelaar

Functieomschrijving Ben jij toe aan een nieuwe uitdaging en werk je graag en goed in C++ en C#? Dan zijn we op zoek naar jou! Dit bedrijf is dé specialist op het gebied van automatiseringssoftware voor een specifieke branche en ze zijn per direct op zoek naar versterking in hun development team. Wat jij gaat doen binnen jouw rol als C++ ontwikkelaar; Je vertaalt de wensen van gebruikers naar een functioneel ontwerp. Je houdt je bezig met het ontwerpen, programmeren en testen van product aanpassingen. Je gaat nieuwe product releases implementeren in de projectteams. Je gaat de effecten van nieuwe

Bekijk vacature »

Back end developer Onderwijssoftware

Functie Als back end developer kom jij terecht in een klein, maar hecht team bestaande uit 5 andere developers (waarvan 2 senioren, 2 medior en 1 junior). Met de gezamenlijke missie om “ieder kind te helpen met onze software” wordt er dagelijks gepassioneerd en hard gewerkt aan ons in-house ontwikkeld platform. Deze software is gebaseerd is op AI, machine Learning en wetenschappelijke inzichten. Dagelijks zul jij werken met onze high traffic webapplicatie. We hebben ruim 300.00 gebruikers en meer dan 2 miljard records waar je te maken mee krijgt! Verder zul jij je bezighouden met: – Het ontwikkelen van hoogwaardige

Bekijk vacature »

C# .NET Software Ontwikkelaar

Functie omschrijving Gezocht: Software Developer C# .NET voor een dynamische organisatie! Ben je onlangs afgestudeerd of ben je toe aan de volgende stap in je professionele carrière? Lees dan verder! We zijn momenteel op zoek naar een Software Developer die klaar is voor een nieuwe uitdaging en die onze eindklant in de regio Arnhem kan versterken. In deze functie werk je aan verschillende projecten en bezoek je vaak klanten. Je kunt een rol verwachten met veel uitdaging, diversiteit en verantwoordelijkheid. Bedrijfsprofiel Binnen welke organisatie ga je aan de slag? Je gaat werken bij een organisatie die zich specialiseert in het

Bekijk vacature »

Ervaren PHP developer gezocht!

Functie Het team bestaat inmiddels uit zo’n 25 collega’s met specialisten op het gebied van development, data(analyse), marketing, infrastructuur en finance. Ze hebben een supermodern pand en bieden hiernaast veel vrijheid en verantwoordelijkheid. Ze doen er alles aan om jou op te gemak te stellen. Zo kun je je eigen werkplek inrichten naar persoonlijke wensen, maar gaan ze bijvoorbeeld ook jaarlijks met elkaar wintersporten en zijn er andere leuke uitjes. Als onderdeel van één van de scrumteams ga je aan de slag, samen ben je medeverantwoordelijk voor het doorontwikkelen van hun business applicatie waar het traffic team dagelijks mee werkt.

Bekijk vacature »

Software Ontwikkelaar .NET te Zaandam

Bedrijfsomschrijving Je komt hier terecht bij een door-en-door softwarebedrijf, waarbinnen meerdere SaaS pakketten worden ontwikkelt voor diverse sectoren. Hierbij kun je denken aan bijvoorbeeld de logistieke en medische branche. Deze organisatie kenmerkt zich door de hoge mate van complexiteit in de applicaties, wat betekent dat jij je hier niet zal gaan vervelen. Integendeel: Jij gaat hier elke dag ontzettend veel leren en je in razend tempo ontwikkelen als C# .Net Developer met focus op back-end. Het team bestaat uit ongeveer 20 personen personen, waarvan het grootste deel zich richt op software development. De sfeer is informeel en professioneel. De producten

Bekijk vacature »

Senior pega developer

You work on software that makes colleagues and customers happy! Thanks to your IT skills, De Mandemakers Groep really makes a difference for its customers. Do coding, testing and deployments make your heart beat faster? Then apply today as Senior Pega Developer at De Mandemakers Groep! Wat ga je doen? The job title gives it away: You will be developing Pega software. This ranges from technical design, coding and testing to test automation, deployments and bug fixing. Your goal is to continuously improve our systems so that colleagues can work efficiently and customers receive optimal service. You don't have to

Bekijk vacature »

Java Developer

Dit ga je doen Ontwerpen en bouwen van nieuwe functionaliteiten binnen de complexe omgeving; Proactief de processen kwalitatief en efficient inrichten; Opzetten van Unit Tests; Code Reviews; Regie nemen voor innovatieve projecten; Landschap beheren en de bijbehorende ketens hierbij in het oog houden. Hier ga je werken De organisatie is actief binnen de financiele branche en heeft een IT afdeling van circa 450 man. De organisatie voorziet de maatschappij binnen de financiele dienstverlening en is gedurende de jaren een onmisbare schakel geworden. Het is een high profile organisatie waar ze veel te maken hebben met veranderingen voortkomend uit maatschappelijke ontwikkelingen,

Bekijk vacature »

Software Developer PHP JavaScript Python HBO SQL

Samengevat: Wij zijn een softwarebedrijf voor Autodealers. Ben jij een Medior of Senior Software Developer? Heb je ervaring met PHP, JavaScript of Python? Vaste baan: Java.Developer Software HBO €3.000 - €5.200 Bij ons op de werkvloer is er een positieve en informele sfeer. Naast een goede begeleiding en een enthousiaste klantenkring biedt deze werkgever een prettige omgeving met zeer afwisselende werkzaamheden. Houd jij van aanpakken en denk je dat je deze uitdaging aankunt? Dan zoeken wij jou! Zij werken voor grote klanten. Zij doen omvangrijke projecten die we bij deze werkgever op kantoor realiseren (geen detachering). Zij werken met state-of-the-art

Bekijk vacature »

Ervaren PHP Developer

Functieomschrijving PHP Developer met brede ervaring gezocht! Ben jij een Full Stack PHP Developer met brede ervaring die toe is aan een volgende stap? Lees dan snel verder! Voor onze eindklant in de regio Nunspeet zijn wij op zoek naar een ervaren PHP Developer die het IT Team van deze organisatie gaat versterken. Wij zoeken een enthousiaste en breed georiënteerde IT-er die er voor gaat zorgen dat deze innovatieve organisatie de volgende stap gaat maken. Om deze functie goed uit te kunnen voeren moet je communicatief goed zijn en in staat zijn om zelfstandig problemen op te lossen. Daarnaast bestaat

Bekijk vacature »

Medior/senior Back-end developer wanted!

Functie Because of the growth within the company, we are looking for reinforcement in the devlopmenttean. As a back-end developer you build the company software that helps us with the primary processes. A fun (internal) project in which you continuously develop the software! You will work in a small team, we have daily stand-ups and a scrum session every fortnight, led by our Scrum Master. During these sessions, you get the opportunity to present your ideas and discuss them with your fellow developers and the Product Owner. Within the development teams, we use Trello, Gitlab, Jiira, Confluence and Boockstack. They

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

02/05/2024 20:04:17
 
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.