achtergrond laten door lopen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

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 »

PHP Developer

Als PHP Developer bij Coolblue zorg je ervoor dat onze webshops elke dag een beetje beter zijn. Wat doe je als PHP Developer bij Coolblue? Als PHP Developer werk je met andere development teams samen om onze webshop zo optimaal mogelijk te laten werken en onze klanten blij te maken. Hoewel je een PHP Developer bent, sta je open om C# of Typescript in te zetten of te leren. Ook PHP Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen pure PHP code schrijven. Samenwerken met de klantreiziger om onze klanten

Bekijk vacature »

Java Full Stack Developer

Java Full Stack developer What makes Cognizant a unique place to work? The combination of rapid growth and an international and innovative environment! This is creating a lot of opportunities for people like YOU — people with an entrepreneurial spirit who want to make a difference in this world. At Cognizant, together with your colleagues from all around the world, you will collaborate on creating solutions for the world's leading companies and help them become more flexible, more innovative and successful. And this is your chance to be part of the success story: we are looking for a (Senior) Java

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 »

C# Developer

Dit ga je doen De requirements in kaart brengen van de klant; Implementeren van functionele en technische specificaties bij opdrachtgevers; Oplossen van bugs; Meewerken aan maatwerksoftware voor nieuwe opdrachtgevers; Het testen en uitleveren van nieuwe functionaliteiten naar de acceptatie en productieomgeving De database ontwikkelen en onderhouden; Hier ga je werken Onze klant is gevestigd in het westen van Nederland en is gespecialiseerd in het ontwikkelen van software voor de levensmiddelen industrie. De software die het team maakt optimaliseert voornamelijk de administratieve processen, maakt deze meetbaar en zorgt ervoor dat de data zo goed mogelijk gebruikt kan worden. Binnen een van

Bekijk vacature »

Cloud Developer

Cloud Developers opgelet! Bij Luminis zijn ze opzoek naar jou. Lees de vacature en solliciteer direct. Luminis is een software- en technologiebedrijf met meerdere vestigingen. Vanuit deze vestigingen werken 200 professionals aan technisch hoogwaardige oplossingen voor klanten zoals KLM, Nike en Bol.com. Ook ontwikkelt Luminis eigen oplossingen op het gebied van cloud, Internet of Things, data intelligence, e-sports en e-learning. Luminis onderscheidt zich door aantoonbaar voorop te lopen in technologie en innovatie. Luminis heeft drie kernpunten die verankerd zitten in alles wat we doen: het omarmen van nieuwe technologie, meesterschap en kennis delen. Functiebeschrijving First things first! Het is belangrijk

Bekijk vacature »

Fullstack developer

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie werken? Voor een mooi softwarebedrijf in omgeving Alblasserdam zijn wij op zoek naar versterking op de afdeling Software Development! Als Fullstack react.js developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook regelmatig met de back

Bekijk vacature »

Software Developer

Longship.io gaat de wereld veroveren met baanbrekende software en legendarische... pizza-avonden! Lees hier de vacature van IT Operations Manager! Bij Longship werken we met een team van 5 mensen aan software voor laadpaal operators. Longship is ontstaan in 2020 met als doel om de elektrische mobiliteitstransitie aan te jagen. We zijn nu al een wereldwijde speler doordat we continu voorop lopen in innovatie. Ons platform helpt het versneld elektrificeren van wagenparken, internationaal! Wij zijn een startup met grote ambities die we willen bereiken met een relatief klein en efficiënt team. Je krijg de kans om ontzettend veel te leren van

Bekijk vacature »

Medior/Senior Software Developers gezocht in de Ra

Functie Op dit moment staan er posities open voor de volgende functies: Front-end, Back-End & Fullstack software developer. Als Front-End software developer werk je met JavaScript en de bijbehorende technologieën zoals TypeScript, Angular, React, Vue en Svelte. Als Back-End software developer ben je bezig in NodeJS en doe je dit met behulp van AWS, NoSQL, REST en GraphQL. Je krijgt leuke en uitdagende opdrachten met een gemiddelde duur van anderhalf jaar. Hier werk je in een team met andere IT’ers aan het ontwikkelen en verbeteren van software. Je wordt begeleid door een accountmanager die fungeert als jouw aanspreekpunt. Het team

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 »

3D BIM Add-on Developer

As a 3D BIM add- on developer at KUBUS, you will develop add-ons (called BCF- Managers) to the leading building information modeling (BIM) programs Revit, Navisworks, Archicad, AutoCAD and Tekla Structures. BCF Managers enable data transfer between BIM software and BIMcollab. You will work on both the front- and the back-end. As a software company, KUBUS is in a unique position. We build our own products that are used by tens of thousands of users worldwide. Our company is just the right size: big enough to make a real impact in the market, but small enough that as an individual

Bekijk vacature »

Back-End Developer in Laravel / PHP

Functie omschrijving Wij zijn op zoek naar een Medior PHP Laravel Developer voor een gaaf bedrijf in de omgeving van Amsterdam! Voor een enthousiast team die zich graag bezig houdt met softwareontwikkeling zijn wij op zoek naar versterking. Je werkt in een klein ontwikkelteam en bent zeer betrokken bij alle aspecten van de softwareoplossingen. Van het ontwerpen tot de oplevering. Binnen deze functie ga je aan de slag met het aanpassen, verbeteren en vernieuwen van de logistieke oplossingen. Je krijgt veel te maken met koppelingen naar systemen en de verzoeken van de klant. Je komt terecht in een team, waarbij

Bekijk vacature »

Junior .NET Developer

Dit ga je doen Ontwikkelprocessen verder optimaliseren en verder ontwikkelen met C#; CI/CD-pipelines automatiseren; Ontwikkelen van herbruikbare componenten; Front-end pagina's gebruiksvriendelijk maken. Hier ga je werken Als junior .NET Developer kom je terecht binnen een grote en internationale organisatie. Zij streven naar een positieve impact op de mens, milieu en maatschappij. Het bedrijf is oorspronkelijk een familiebedrijf en werkt aan de productie van hoogwaardige en technische systemen voor de gezondheidszorg. Momenteel willen zij betere ontwikkelprocessen creëren op internationaal gebied en staat kwaliteit en veiligheid voor hun op nummer 1! Als junior .NET Developer werk je aan het ontwikkelen van verbeterde

Bekijk vacature »

APEX Ontwikkelaar in een team van Oracle Developer

Bedrijfsomschrijving Wij zijn op zoek naar een APEX Ontwikkelaar om onze opdrachtgever in Den Haag te versterken. In deze rol zul je verantwoordelijk zijn voor het ontwikkelen en onderhouden van de front-end van onze applicaties met behulp van Oracle Application Express (APEX). Je werkt aan zowel inhouse als externe projecten. De sfeer binnen het Oracle team is gemoedelijk en men probeert elkaar te helpen én van elkaar te leren. Zo ontstaat er een prettige en plezierige werksfeer waar ruimte is voor persoonlijke ontwikkeling en groei. Er wordt gewerkt met de meest nieuwe technologieën waardoor je kennis up-to-date blijft. Het bedrijf

Bekijk vacature »
Alexander Kraan

Alexander Kraan

18/07/2010 15:54:04
Quote Anchor link
Is het mogelijk om de achtergrond te laten doorlopen tot de footer bij left col en right col het logo div heb ik hand matig door getrokken zie voorbeeld http://www.ttvyerseke.nl/test/test11/index.html

wat moet ik in de css of html code veranderen?

css code
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
/* CSS layout */
body {
    margin: 0;
    padding: 0;
}
#top_nav {
background-color: #99CCFF;    
}

#masthead {
    min-width: 600px;
}

#logo {
    float: left;
    width: 16px;
    Background-color: #003399;
    background-repeat: repeat-y;
    overflow:hidden;

}

#header {
    margin-left:16px;
    background-color: #99CCFF;
    font-family: "Times New Roman", Times, serif;
    font-size: 36pt;
    color: #0000FF;

}

#container {
    clear: both;
    min-width: 600px;
}

#left_col {
    width: 30px;
    float: left;
    background-color: #003399;
    background-repeat: repeat-y;
    overflow:hidden;
}

#right_col {
    float: right;
    width: 200px;
    width: 200px;
    float: right;
    background-color: #0000FF;
    background-repeat: repeat;
    color: #FFFFFF;
    font-family: "Times New Roman", Times, serif;
    font-size: 10pt;

}

#page_content {
    margin-left: 30px;
    margin-right: 200px;
    background-color: #99CCFF;
    background-repeat: repeat;
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
    color: #0000FF;
}

#footer {
    clear: both;
    background-color: #6699FF;
}

html code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Untitled 1</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="masthead">
<div id="top_nav">
    </div>
    <div id="logo" style="width: 16px; height: 55px">
        <img height="16" src="../../ttvyerseke.png" width="16" /></div>
    <div id="header">
        TTVYerseke</div>
</div>
<div id="container">
    <div id="left_col">
        left<br />
        col</div>
    <div id="right_col">
        tekst</div>
    <div id="page_content">
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
    </div>
</div>
<div id="footer">
    kk</div>

</body>

</html>


Gebruik code-tags voor het overzichtelijk weergeven van je code[/modedit]
Gewijzigd op 18/07/2010 17:09:47 door Joren de Wit
 
PHP hulp

PHP hulp

15/07/2024 02:05:14
 
Victor Php

Victor Php

18/07/2010 16:09:21
Quote Anchor link
Geef de body een kleur..
En zoveel <br /> is nutteloos.
Zoek liever op een goede footer tutorial.
 
Marco  -

marco -

18/07/2010 16:52:14
Quote Anchor link
epic fail

Dit soort reacties voegt niets toe. Als je niets nuttigs te melden hebt, post dan niets![/modedit]
Gewijzigd op 18/07/2010 17:08:49 door Joren de Wit
 
P Lekensteyn

P Lekensteyn

18/07/2010 20:56:57
Quote Anchor link
Hee, kom je niet van Antagonist vandaan?
Ik had je toch verteld hoe je dat moest doen?

Verander bij de container position:relative.
Bij de balken links en rechts: position:absolute;top:0;bottom:0
 
Alexander Kraan

Alexander Kraan

22/07/2010 22:56:52
Quote Anchor link
ik heb nu deze code alleen het werkt nog niet


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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
/* CSS layout */
body {
    margin: 0;
    padding: 0;
    background-color: #99CCFF;
}
#top_nav {
background-color: #99CCFF;    
}

#masthead {
    min-width: 600px;
}

#logo {
    float: left;
    width: 16px;
    Background-color: #003399;
    background-repeat: repeat-y;
    overflow:hidden;

}

#header {
    margin-left:16px;
    background-color: #99CCFF;
    font-family: "Times New Roman", Times, serif;
    font-size: 36pt;
    color: #0000FF;

}

#container {
    clear: both;
    min-width: 600px;
    position: relative;
}
#left_col {
    width: 30px;
    float: left;
    background-color: #003399;
    background-repeat: repeat-y;
    overflow: hidden;
    top: 0px;
    position: absolute;
    bottom: 0px;
}
#right_col {
    width: 200px;
    float: right;
    background-color: #0000FF;
    background-repeat: repeat;
    color: #FFFFFF;
    font-family: "Times New Roman", Times, serif;
    font-size: 10pt;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

#page_content {
    margin-left: 30px;
    margin-right: 200px;
    background-color: #99CCFF;
    background-repeat: repeat;
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
    color: #0000FF;
}

#footer {
    clear: both;
    background-color: #6699FF;
}
 
Michael Beers

Michael Beers

22/07/2010 23:46:20
Quote Anchor link
Ik snap niet wat je bedoelt maar ik doe een poging voor je omdat ik denk dat ik weet wat je wilt...

JE HTML
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>TITLE</title>
    </head>
    <body>
        <div id="wrapper">
        
            HIER AL JE CONTENT PLAATSEN ENZ.
            HIER AL JE CONTENT PLAATSEN ENZ.
            HIER AL JE CONTENT PLAATSEN ENZ.
            HIER AL JE CONTENT PLAATSEN ENZ.
            HIER AL JE CONTENT PLAATSEN
        
            <div id="push"></div>
        </div>
        <div id="footer">

        </div>
    </body>

</html>


JE CSS
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
46
47
48
49
50
51
52
53
54
/*
** RESETS
** Hierbij haal ik de padding,margins weg zorg ik dat de html/body container schermvullend is!
*/
html,body
{
    height:        100%;
    width:        100%;
}

body
{
    margin:        0;
    padding:    0;
}

/*
** Dit is de wrapper hier komt alle content in :)
** De margin zorgt er in dit geval voor dat de wrapper altijd gecentreerd staat in het beeld
** De min waarde in de margin haalt de footer weer naar boven :)
*/
#wrapper
{
    margin:        0 auto -116px; /*Waardes van de footer meenemen! heb je dus een top van 16px moet je deze ook aftrekken*/
    min-height:    100%;
    width:        100%;
    height:        auto !important; /* !important zorgt ervoor dat een element voorang krijgt! */
    background:    #FF0000;
}

/*
** Dit zorgt ervoor dat de content niet onder de footer gaat :)
** Deze moet gelijk zijn aan de footer hoogte
*/
#push
{
    position:    relative;
    min-height:    100px;
    height:        100px;
}

/*
** Dit is de footer deze blijft nu altijd aan de onderkant van je scherm plakken
*/
#footer
{
    position:    relative;
    clear:        both;
    bottom:        0px;
    top:        16px; /*Top waarde van de wrapper*/
    height:        100px; /*Hoogte van de footer conclusie van de wrapper: 100 + 16 = 116 dus de min waarde word 116*/
    width:        100%; /*Zorgt dat de footer over de hele lengte gaat*/
    background:    #00FF00;
}


Edit
Verder zou ik nooit een Times als font gebruiken :)
Reden waarom: Wiki link
Gewijzigd op 22/07/2010 23:52:47 door Michael Beers
 
Alexander Kraan

Alexander Kraan

24/07/2010 18:07:50
Quote Anchor link
het is de bedoeling dat het er zo komt uit te zien http://www.ttvyerseke.nl/test/test13/index.html en dat de linker en rechter div de achtergrond automatische door lopen met de content div tot de footer zie voorbeeld
Gewijzigd op 24/07/2010 18:14:46 door Alexander Kraan
 



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.