[CSS] geneste absoluut gepositioneerde divs

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Email Front-End Developer

Creatieve HTML-er die de mooiste mails binnen no time kan bouwen. Wat doe je als Email Front-End Developer bij Coolblue? Droom jij in HTML en CSS? Weet jij als geen ander een ambitieus email design om te bouwen naar de werkelijke email? Zwem jij graag in je code om bestaande templates net weer een beetje beter te maken? Dan zoeken wij jou. Ook Email Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen De beste campagnes opbouwen voor de belangrijkste doelen Nieuwe mail templates ontwikkelen vanuit HTML en CSS of oude

Bekijk vacature »

PHP Developer / Microservices @ Utrecht

2021-11-16 iSense PHP Developer Microservices Je bent PHP Developer en je wil wat. Toch? En wij hebben wat: een toffe functie bij een hechte organisatie die een grote speler vormt op HR-gebied. Je gaat in de rol van PHP Developer ontwikkelen aan verschillende diensten, functionaliteiten en oplossingen voor een complex platform. Iets voor jou? Lees dan zeker even deze vacature en reageer! ISKA51392 Organisatie Jij wil dus wat? Mooi! Hoe klinkt het om aan de slag te gaan binnen een team van drie Developer? Een team dat aan de vooravond van een grote transitie naar een compleet nieuw te bouwen

Bekijk vacature »

Startersfunctie .NET Developer @ Regio Den Haag

2021-10-21 iSense Startersfunctie .NET Developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond OF heb jij middels cursussen je sporen verdiend in het programmeren en wil je graag aan de slag als Fullstack .NET Developer? Lees dan snel verder! Want in januari/februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie .NET. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISLE51104 Regio Den Haag en omstreken Wat houdt de startersfunctie .NET Developer in? Vanaf januari/februari 2022 krijg jij via de

Bekijk vacature »

Senior PHP Developer

De vacature Als Senior PHP Developer ben jij het aanspreekpunt binnen jouw team voor complexe development en architectuur vraagstukken. Je bouwt dagelijks aan onze eigen (SaaS-)software die gezien en gebruikt wordt door miljoenen bezoekers per maand en waar per minuut vele transacties op een veilige en betrouwbare manier worden afgehandeld. In samenwerking met je team front- en backenders bouw je aan de nieuwste functionaliteiten die voor alle devices op zowel web als mobiel te benaderen moeten zijn. API first en TDD zijn je welbekend en je hebt ruime ervaring met het inrichten en optimaliseren van Laravel applicaties. Functie eisen Ruime

Bekijk vacature »

Graduate class software engineering

Graduate Class Software Engineering Noord-Nederland - Start maart 2022 Categorie: Software Development/ Engineering Regio/Locatie: Groningen, Groningen, Netherlands Vacaturenummer: J0621-0324 Type dienstverband: Full Time Functiebeschrijving: Zet jij je eerste stap in een IT-loopbaan die er echt toe doet? Grijp deze unieke kans om deelnemer te worden in de Graduate Class Software Engineering. Wat ga je doen? In de Graduate Class Software Engineering word jij gedurende een periode van 6 tot 8 weken klaargestoomd om mee te kunnen draaien op projecten voor onze klanten. De Graduate Class bestaat uit een serie trainingen in groepsverband om vervolgens samen met de groep een case

Bekijk vacature »

Datawarehouse specialist / ETL Ontwikkelaar @ Rott

2021-04-12 iSense Datawarehouse specialist / ETL Ontwikkelaar Datawarehouse ontwikkelaar / ETL ontwikkelaar / DWH ISRA49558 Nieuw Organisatie Onze klant is een semi overheidsinstelling. Ze zijn bezig met het bouwen van een nieuwe BI omgeving. Ze hebben onderzocht hoe het datalandschap en de informatievoorziening geprofessionaliseerd kan worden. Als DWH Ontwikkelaar kun jij hier een belangrijk rol in gaan spelen over hoe je het verder gaat uitvoeren. Het is een informele organisatie met een goede werksfeer. De mensen die er werken zijn ambitieus en werken met de nieuwste technieken. Ben jij toe aan een nieuwe uitdaging als datawarehouse ontwikkelaar waar jij kunt

Bekijk vacature »

Apex developer @ Gouda

2021-08-16 iSense Apex developer Al bijna 100 jaar begeeft deze organisatie zich in de industriële sector. Met zo’n 350 medewerker verdeeld over bijna 50 vestigingen wereldwijd en het hoofdkantoor in de regio Gouda bedienen zij de industrie. ISRA50658 Nieuw Organisatie Het belang van de organisatie ligt op het gebied van de vertaling van informatiestromen/data binnen de organisatie en naar externe relaties. De vertaling van deze data naar de applicaties ondersteunen de business bij de ambitie wereldwijd de industrie. In de rol als APEX Developer breng je de vraag vanuit de business in kaart en maak je een functioneel ontwerp voor

Bekijk vacature »

Full Stack .NET Developer @ Amsterdam

2021-12-01 iSense Full Stack .NET Developer Are you an Full Stack .NET developer who likes to work in the Amsterdam region and develop new features from scratch? Do you want to play a connecting role between business and IT? Would you like to work for a large Northern European financial organization with multiple home markets? Then keep on reading! ISJE51892 Organization As a Full Stack .NET Developer in a team of 7 professionals, you are responsible for developing applications for the largest in-house product: an application for everything related to mortgages. The programming language you master is C#. Do you

Bekijk vacature »

Python Developer/Teamlead

De vacature We zijn op zoek naar een Python/Django developer die ons Scrum team komt versterken. Je wordt enthousiast van leesbare en goed geteste code, heldere datamodellen, mooie REST en GraphQL API's, pijnloze deploys en een perfecte aansluiting op onze interactieve React frontend. Je werkt mee aan de Python backend van ons mooie Jouw Omgeving platform, in een hecht team dat veel impact maakt. Binnen dit team laat je je technische expertise en leiderschapskwaliteiten zien: je zet de technische koers uit en neemt je collega’s hierin mee. Termen als “lead by example”, “meewerkend voorman” en “meritocracy” spreken je aan. Bij

Bekijk vacature »

C# .NET Core Ontwikkelaar

Locatie: Veel van onze werkzaamheden voeren wij uit op ons kantoor in Barendrecht of Nieuwegein of bij onze klanten in de regio. Momenteel werken wij zoveel mogelijk vanuit huis. In de toekomst zullen we juiste balans bieden tussen thuiswerken, op kantoor en of klant locatie. Binnen het domein transport en logistiek hebben wij dagelijks te maken met uitdagende vraagstukken op onder andere het vlak van Iot. Zo ontwikkelen wij bijvoorbeeld aan een Iot oplossing waar we van ruim 200.000 machines hun telemetrie en events verwerken. Dit komt neer op 200 miljoen berichten per dag. Hierin leggen we de focus op

Bekijk vacature »

PLC Software programmeur voor sterkste kraan ter w

Bedrijfsomschrijving Deze unieke organisatie bestaat al meer dan 40 jaar en maakt on off a kind oplossingen voor onshore en offshore veiligheidoplossingen voor grote industrie machines of installaties. Ze kennen vier vestigingen over de wereld, maar jij hoeft alleen maar te werken op het kantoor in Den Bosch. De projecten zitten in markten zoals offshore en baggerwerken, havens en scheepswerven, spoorwegen, visserij, bouw en infra. Het bedrijf ontwikkelt een breed scala aan sensoren met innovatieve, in eigen huis ontwikkelde software en hardware voor op maat gemaakte veiligheid- en besturingoplossingen in veeleisende omgevingen. Een van de laatste projecten waar zij aan

Bekijk vacature »

Microsoft Developer Technical Automation- Relocati

Region: Eindhoven The Hightech industry is one of the main economical drivers of the Dutch economy. In this sector, innovative solutions are developed for social challenges in the areas of energy, mobility and sustainable production. As we are moving closer to the limits of what is physically and electronically possible, ICT Group faces the challenge to push the boundaries with increasingly clever software solutions. If you are willing to challenge yourself by working on such software solutions, apply for a position at ICT Group! Are you ready for this job and want to relocate to the Netherlands? Read below for

Bekijk vacature »

Medior C# Developer

You'll build modern applications for Coolblue back’s office. We have a lot of friends, and they crave well-structured data and user-friendly, task-focused applications. How do I become a Medior C# Developer at Coolblue? You regularly participate in brainstorm sessions about user experience, data, and task flow with the UX Designer, Product Owner, and Data Scientists in your team. Besides that you will create disconnected, highly congruent, and testable code that can easily be maintained and is future-proof. Want to become C# Developer at Coolblue? Read below if the job suits you. You enjoy doing this Working with various types of

Bekijk vacature »

Advanced Mendix Developer Logistic Solutions (NL)

Advanced Mendix Developer Logistic Solutions (NL) Den Haag HBO/WO IT Professional "Als Advanced Mendix Developer 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. Je komt te werken binnen PostNL Logistic Solutions. Daar gaan we net wat verder dan een standaardpakket of brief. Het gaat bijvoorbeeld om gekoeld vervoer van medicijnen (Health), Warehousing (Fulfilment), het leveren binnen hele strakke tijdvakken

Bekijk vacature »

Informatieanalist

Waar het laatste boek van Saskia Noort, 1.5 petabyte aan digitaal archief en het BPMN procesmodel samenkomen. Dat is de KB in Den Haag. En het is de plek waar door jouw analyses onze digitale diensten zoals de online bibliotheek, maar ook die van onze partners uit het erfgoed-, onderzoeks- en bibliotheeknetwerk, steeds slimmer gaan werken. Als informatieanalist zijn de digitale bibliotheek, digitalisering en de digitale infrastructuur jouw belangrijkste werkterreinen. Maak jij het mogelijk? In je rol van informatieanalist werk je, veelal in agile teams, mee aan diverse vraagstukken en opdrachten. Zo vertaal je onder meer informatiebehoeften vanuit verschillende werk-

Bekijk vacature »
Rudie dirkx

rudie dirkx

07/06/2007 15:56:00
Quote Anchor link
Ik heb twee divs met beiden position:absolute; zodat ze in het midden (van links-naar-rechts-midden) staan:

#content {
width : 1000px;
position : absolute;
left : 50%;
margin-left : -500px;
border : solid 1px fuchsia;
}

.footerpics {
position : absolute;
bottom : 80px;
width : 900px;
left : 50%;
margin-left : -450px;
text-align : center;
border : solid 1px fuchsia;
}

De div.footerpics staat IN de div#content. En dat is het probleem. De div.footerpics wordt niet absoluut gepositioneerd (in IE, FF is niet boeiend). Hij neemt namelijk de grenzen van div#content als uitersten, en niet het document (zoals ik zou verwachten!)...
De div.footerpics wordt dus niet 80px boven de document rand geplaatst, maar 80px boven de onderkant van div#content.

Dit is toch precies wat position:absolute; tegen zou moeten gaan??
Het hoeft alleen te werken in IE6+.

Dank
 
PHP hulp

PHP hulp

02/12/2021 19:44:59
 
Mr D

Mr D

07/06/2007 15:59:00
Quote Anchor link
als je in #content position absolute weghaalt doet hij het volgens mij wel
 
Rudie dirkx

rudie dirkx

07/06/2007 16:06:00
Quote Anchor link
Maar het staat er niet voor niets in, die position:absolute; in #content, dus die kan ik niet weghalen!!
 
Rudie dirkx

rudie dirkx

07/06/2007 16:07:00
 
Mr D

Mr D

07/06/2007 16:09:00
Quote Anchor link
dan .footerpics niet in #content zetten?
 
Rudie dirkx

rudie dirkx

07/06/2007 17:10:00
Quote Anchor link
Ook een geweldig antwoord. Als dat zou kunnen was er geen probleem. Maar dat kan dus niet. #content is namelijk alle content! En de div.footerpics valt onder content, dus in de div#content.
Meer?
 
Jan Koehoorn

Jan Koehoorn

07/06/2007 17:53:00
Quote Anchor link
Als je een div element position: absolute meegeeft, dan kijkt je browser eerst even of hij toevallig nog een parent element heeft met position: absolute, of position: relative.

Zo ja, dan positioneert je browser die div ten opzichte van de parent. Zo nee, dan haalt je browser de div uit de "document flow" zoals dat heet, en legt hem min of meer "bovenop" de andere elementen.

Als je dus twee divs echt pixel perfect op een bepaalde plek wilt zetten, moet je ze allebei een position: absolute geven, maar zorgen dat de ene zich niet binnen de andere bevindt. Bij het opgeven van breedtes richten ze zich dan weer naar de viewport.

Edit:
Voor een lay-out met een fixed footer, kijk eens naar deze, deze, deze en deze
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
 



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.