transform ie8

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Java (Java EE) Developer

In het kort Werken als Java developer betekent werken aan complexe IT projecten bij onder meer een internationaal containeroverslag bedrijf. Zo sturen we apparaten en eindgebruikers aan d.m.v. onze custom-made software oplossing, die dagelijkse vele duizenden containers verwerkt. Denk aan systemen die volautomatische kranen aansturen en op afstand bedienen, de volledige afhandeling van containernummerherkenning bij het laden en lossen van zeeschepen of het tonen van instructies aan de chauffeurs van ruim 300 straddle carriers. En dat allemaal redundant, robuust en in een dynamische 24/7 omgeving! Jij versterkt ons ontwikkelteam en gaat aan de slag met oa. Java i.c.m. Spring (Boot),

Bekijk vacature »

Fullstack developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »

Intern - Junior PHP ontwikkelaar in fris en jong t

Bedrijfsomschrijving Werk jij graag een in fris, flexibel en jong team? Bij ons ben jij vrij om te bepalen waar jij het liefst werkt en op de vrijdag komen wij gezellig bij elkaar op kantoor. Flexibiliteit en vrijheid zijn bij ons de norm en dat geeft jou de ruimte en energie om het beste uit jezelf te halen! Ons team bestaat uit vijf enthousiaste collega's die jou graag ondersteunen in zowel je persoonlijke als professionele ontwikkeling. Met twee ervaren Senior Developers als mentoren ben jij in goede handen. Wij zien onszelf als een vriendengroep die gezamenlijk werken aan iets moois

Bekijk vacature »

Robot Programmeur

Een verantwoordelijke baan met leuke uitdagingen. Heb jij ervaring met het programmeren van robots? Kan jij goed samenwerken met collega's die verschillende specialisaties hebben? Ben je oplossingsgericht, analytisch en flexibel? Ga dan aan de slag als Robot Programmeur bij Gibas in Nijkerk! Als Robot Programmeur kom je te werken bij Gibas. Dat betekent dat je gegarandeerd meewerkt aan unieke oplossingen in productieprocessen. Bij elk project moet er opnieuw geëngineerd en geprogrammeerd worden. Dat maakt jouw werk uitdagend! Voordat je robots gaat programmeren komt er het volgende bij kijken: De opdracht gaat van de afdeling Sales naar de afdeling Operations door

Bekijk vacature »

Front-end developer (medior/senior)

Functie Het team bestaat uit een architect, fullstack developers, app developers, de product owner en projectmanager. Eenieder draagt vanuit zijn discipline bij aan een complete oplossing voor de klant. Uiteraard zul je hierin nauw samenwerken met je collega’s. Jij wordt verantwoordelijk voor de front-end implementatie en fungeert als lead op dit gebied binnen het team. Je kunt helder formuleren, ideeën uitdragen en overbrengen aan je collega’s. Qua technische stack is het vooral van belang dat je ervaren bent met Angular, HTML5, CSS en TypeScript. Verder is ervaring in NgRx, Bootstrap, BEM en Cypress een pré, evenals affiniteit met UX/UI Design!

Bekijk vacature »

Integratie Developer / Architect

Dit ga je doen Als Integratie Developer / Architect binnen deze organisatie krijg je echt de kans om impact te maken. De organisatie is groeiende maar houdt een corporate cultuur buiten de deur. Heb je een goede business case: zorg voor goede argumentatie en ga ervoor! Geen stroperig beslissingsproces dat jouw ideeën in de weg staat! Enkele van jouw taken: Je ontwerpt en ontwikkelt nieuwe integraties met behulp van interne tools (Boomi) of externe partners; Je vertaalt functionele specificaties naar technische oplossingen; Je denkt mee over strategische ontwikkelingen op het gebied van applicatie integratie; Je voert regie op leveranciers en

Bekijk vacature »

Android developer

De functie Schiphol is een plek om te reizen, te verblijven en te werken. Door middel van data en technologie richten we op al deze gebieden het leef- en werkklimaat optimaal in en zorgen we voor een slimmere en efficiëntere operatie. Wij ontwikkelen nieuwe producten en diensten vanuit de wensen en behoeften van onze klanten, voorspellen passagier flows en testen digitale oplossingen om rijen en andere pijnpunten in het proces te verminderen. Met slimme feedback van sensortechnologie maken we zelfs data van toiletten en stoelen inzichtelijk en bruikbaar. Het Commercial Platform bestaat uit multidisciplinaire teams met een end-2-end verantwoordelijkheid voor

Bekijk vacature »

Traineeship ICT regio Amsterdam/Utrecht

Wat ga je doen? Het traineeship begint met een fulltime maand cursussen en praktijkdagen, waarin je de basis van het IT-vak leert op de Shared Servicedesk (SSD). Daarnaast ga je meteen aan de slag voor je eerste certificering! (ITILv4). Je start in een groep met 4 tot 10 deelnemers, waarmee jij gedurende die maand optrekt en je kennis kunt delen. Na het voltooien van de eerste maand ga je direct voor een langere periode aan de slag bij één van onze klanten of blijf je intern bij ons op de Shared Servicedesk. Je bent het eerste aanspreekpunt van de eindgebruikers

Bekijk vacature »

Full stack developer Node.js

Functie Als fullstack JavaScript developer vind jij het uitdagend om op basis van concrete klantvragen nieuwe functionaliteiten te ontwikkelen. Bij voorkeur worden deze functionaliteiten op een bepaalde manier geprogrammeerd, zodat ze door meerdere klanten te gebruiken zijn. Je hebt dus vaak te maken met abstracte vraagstukken. Om dit te kunnen realiseren sta je nauw in contact met de product owner en/of klant. Je bent niet alleen onderdeel van het development team, maar hebt ook vaak contact met de product-owner en/of klanten om daardoor inzichten te verzamelen die leiden tot productverbeteringen. • Inzichten verzamelen bij de klant en/of product owner •

Bekijk vacature »

PHP Developer Symfony

Dit ga je doen Ontwikkelen van Product Informatie Management (PIM) systemen; Werken aan zowel grotere als kleine projecten voor toonaangevende klanten binnen o.a. de retail. Hier ga je werken Als PHP Developer kom je te werken binnen een vooruitstrevende organisatie die Product Informatie Management (PIM) systemen levert aan hun klanten. Hun klanten zijn toonaangevende bedrijven binnen o.a. de retail. De organisatie zit gevestigd in regio Zwolle en bestaat uit zo'n 35 medewerkers, waarvan 30 IT. Je komt te werken binnen één van de zelfsturende development teams welke ieder verantwoordelijk zijn voor hun 'eigen' klanten. Jouw team bestaat uit 6 backend

Bekijk vacature »

C# .NET Developer

Dit ga je doen Ontwikkelen van de Back-end in .NET6 / C# en WebAPI (Focus);) Ontwikkelen van de Front-End in Nodje.js en Angular (secundair); Ontwikkelen in Blazor; Opstellen van een technisch ontwerp; Testen, documenteren en implementeren van de nieuwe applicatie; Verzorgen van de nazorg, na de implementatie. Hier ga je werken Binnen deze organisatie werken duizenden mensen binnen allerlei verschillende disciplines. Tevens hebben zij veel specialiteiten in huis, waaronder ook .Net Developers. Ter uitbreiding van een nieuw team en ter ondersteuning van het project zijn ze opzoek naar een nieuwe collega voor het team. Als C#.NET Developer zal jij je

Bekijk vacature »

.NET Developer

Functie De perfecte combinatie tussen techniek en vastgoed. Werk samen met de senior software developer om allerlei software van fluX te verbeteren. Gelukkig voel jij je helemaal thuis in de codewereld van .NET. Dus of je nu bezig bent met het verhogen van de conformiteitscore of het automatiseren van allerlei taxatiemodellen, jij weet precies hoe je de doelstellingen realiseert. En dat terwijl je ook samenwerkt met een extern ontwikkelteam. Waar dit team bepaalde softwaresystemen ontwikkelen, richt jij je vooral op onze Nederlands georiënteerde producten en alle wetgeving die daarbij komt kijken. Voor minimaal 32 uur per week verrijk jij onze

Bekijk vacature »

Software Ontwikkelaar

Functieomschrijving In deze uitdagende functie als Software Developer ga je de volgende taken uitvoeren: Maatwerk back-end software programmeren; API koppelingen bouwen; Software optimaliseren voor klanten; Bouwen maatwerk applicaties; Werken met Microsoft stack zoals C#, .NET (Core) en Entity framework; Bedrijfsprofiel Je gaat werken bij een klein softwareontwikkelingsbureau, die maatwerk software bouwt voor klanten door heel Nederland. Dit doen zij al meer dan 20 jaar. Het is van oorsprong een familiebedrijf, opgezet door de eigenaar, die er nog steeds werkt. Het team bestaat vooral uit back-end developers en één systeembeheerder. Je krijgt veel kans om jezelf te ontwikkelen en krijgt tevens

Bekijk vacature »

SQL Database Ontwikkelaar

Functie omschrijving Kan jij goed overweg met complexe algoritmes en het schrijven van procedures in T-SQL? Heb jij al wat ervaring opgedaan met SQL en vind je het tijd voor de volgende stap? Lees dan snel verder! Dit software bedrijf, gespecialiseerd in de ontwikkeling van logistieke software, is op zoek naar een ervaren SQL database developer. Jouw werkzaamheden zullen onder andere bestaan uit: Je houdt je bezig met het ontwerp en de ontwikkeling van MS SQL server databases, dit doe je met T-SQL als programmeer laag. De begeleiding van projecten van A tot Z, je zult aansluiten bij meetings met

Bekijk vacature »

SAP Integratie Ontwikkelaar

Ben jij ambitieus in de verdere ontwikkeling van SAP binnen HANOS, en heb je kennis van SAP PI, CPI (SAP integration suite) en of andere middleware tooling? Dan ben jij mogelijk onze nieuwe SAP Integratie (middleware) Ontwikkelaar! Lees snel verder en solliciteer! Wat ga je doen? Als SAP Financieel Consultant ben je, als deel van een gedreven team van interne SAP consultants, de schakel tussen de gebruikersorganisatie en ICT. Je draagt proactief bij aan een optimale aansluiting van de SAP-functionaliteit (een applicatielandschap met o.a. Suite on HANA, Fiori, Hybris, C4C en BO), op de bedrijfsprocessen. Verder ondersteun je de HANOS

Bekijk vacature »
Davey Mat

Davey Mat

15/08/2014 01:04:20
Quote Anchor link
Hallo allemaal,

Ik probeer een responsive website te maken en gebruik om mijn content te verdelen "transform" vlakken.
Het probleem is dat <=ie8 hier niet mee om kan gaan. Kan iemand mij helpen om dit toch goed te krijgen? (ps. Sorry dat de css niet echt mooi is, dit heeft een wat "minder" ervaren collega gemaakt en samen proberen we een oplossing te vinden voor het transform probleem alvorens de css te optimaliseren;) )

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
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
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="utf-8">
        <link href="css/styles.css" rel="stylesheet">
    </head>
    <body>
        <div class="menubar">
        Hier de menubar
        </div>
        <section class="schuinebg-container">
            <div class="bgblauw">
                <div class="schuinebg1">
                    <article class="schuinebg-content">
                        <h3>Content hier</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
                <div class="schuinebg2">
                    <article class="schuinebg-content">
                        <h3>Diensten</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
            </div>
            <div class="bggrijs">
                <div class="schuinebg3">
                    <article class="schuinebg-content">
                        <h3>Referenties</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
                <div class="schuinebg4">
                    <article class="schuinebg-content">
                        <h3>Over ons</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
            </div>
            <div class="bgwit">
                <div class="schuinebg5">
                    <article class="schuinebg-content">
                        <h3>Contact</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut turpis augue. Quisque non mollis lorem, eget ornare sem. Ut eget lacinia risus. Proin eu placerat elit. Aliquam vel est non velit volutpat consequat. Quisque eu tempus arcu. Ut at enim porttitor, condimentum tortor quis, ultrices risus. Aenean vulputate, augue eget aliquet ullamcorper, tortor purus vestibulum eros, non consectetur nisl turpis vel metus. Nam nec adipiscing massa. Nullam et mauris eu lorem tristique tempus in sit amet ligula. Cras convallis odio libero, vel aliquet ante cursus quis. Donec iaculis, mauris id pretium tincidunt, risus dui vehicula velit, ut tempus diam turpis nec odio. Mauris mollis egestas nisl, at imperdiet nunc fermentum nec. Duis ut mollis nisl.
                        <br/><br/>
                        Aenean accumsan purus nec ornare scelerisque. Praesent sapien dui, ullamcorper non neque tincidunt, volutpat molestie nunc. Donec a purus id ipsum congue lacinia in et mauris. Nunc sed faucibus lorem. Nam molestie ante quis est vehicula commodo. Aenean facilisis tristique velit a condimentum. Aliquam nec fringilla sem. Mauris quis mattis neque. Integer eleifend porttitor nibh ac tempus.
                    </article>
                </div>
            </div>
        </section>
    </body>
</html>


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
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
html, body{
    margin: 0;
    padding: 0;
}
.menubar{
    background:white;
}
.bgblauw {
    background: #8accde;
}
.bggrijs{
    background: #a9a9a9;
}
.bgwit{
    background: white;
}
.schuinebg-container{
    width: 100%;
    overflow: hidden;
    /*padding-top: 150px;*/
}
.schuinebg1{
    margin: 0 -50px;
    transform-origin: left center;
    background: #8accde;
    transform: rotate(-4deg);
}
.schuinebg2{
    margin: 0 -50px;
    transform-origin: left center;
    background: white;
    transform: rotate(4deg);
    margin-top: -200px;
}
.schuinebg3{
    margin: 0 -50px;
    transform-origin: left center;
    background: #a9a9a9;
    transform: rotate(-4deg);
}
.schuinebg4{
    margin: 0 -50px;
    transform-origin: left center;
    background: #8accde;
    transform: rotate(4deg);
    margin-top: -200px;
}
.schuinebg5    {
    margin: 0 -50px;
    transform-origin: left center;
    background: white;
    transform: rotate(-4deg);
}
.schuinebg-content{
    margin: 0 auto;
}
.schuinebg1 .schuinebg-content h3{
    color: white;
}
.schuinebg2 .schuinebg-content h3{
    color: #4c97ce;
}
.schuinebg3 .schuinebg-content h3{
    color: white;
}
.schuinebg4 .schuinebg-content h3{
    color: white;
}
.schuinebg5 .schuinebg-content h3{
    color: #4c97ce;
}
.schuinebg1 .schuinebg-content{
    transform: rotate(4deg);
    color: white;
    padding: 80px 100px 200px 100px;
}
.schuinebg2 .schuinebg-content{
    transform: rotate(-4deg);
    color: #4c97ce;
    padding: 80px 100px 250px 100px;
}
.schuinebg3 .schuinebg-content{
    transform: rotate(4deg);
    color: white;
    padding: 80px 100px 200px 100px;
}
.schuinebg4 .schuinebg-content{
    transform: rotate(-4deg);
    color: white;
    padding: 80px 100px 250px 100px;
}
.schuinebg5 .schuinebg-content{
    transform: rotate(4deg);
    color: #4e4e4e;
    padding: 80px 100px 200px 100px;
}
Gewijzigd op 15/08/2014 01:06:16 door Davey Mat
 
Er zijn nog geen reacties op dit bericht.



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.