DIV centreren

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front-end Developer - Juniorfunctie

Functie omschrijving Ben jij op zoek naar een uitdagende baan als front-end developer, in een informele werksfeer, waar jij echt het verschil kan maken? Wil jij graag werken voor een bedrijf dat sportiviteit en een open communicatie, hoog in het vaandel heeft staan? Dan hebben wij de perfecte vacature voor je! Voor een klein bedrijf in Rijen dat gespecialiseerd is in het omzetten van digitale woningtekeningen naar managementinformatie, zijn wij per direct op zoek naar een allround front-end developer. Jouw werkzaamheden zien er als volgt uit: Ja gaat nauw samenwerken met de back-end developer. De database structuur is volledig gebouwd

Bekijk vacature »

Lasrobotprogrammeur/operator

Heb je interesse in trekkers en beschik je overvlijmscherpse precisie? Solliciteer dan op deze vacature! Als Lasoperator ben je vooral bezig met het maken van nieuwe lasrobotprogramma’s en het optimaliseren van bestaande programma’s, zowel online als offline (incl. het bedienen van de Lasrobots). Daarnaast draag je bij aan een optimaal rendement van de las robots. Verder heb je de volgende werkzaamheden: Het meewerken als operator c.q. Robotlassen niveau 2 (van complexe samenstellingen/halffabricaten), het om- en instellen van de diverse stations van lasmallen (productdragers), het afwerken van laswerk (verwijderen lasspetters en oxiden), het bewaken van de machineplanning (op bewerkingen) incl. de

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 »

Developer Low-code

Dit ga je doen Low-code ontwikkeling van software voor landelijk bekende organisaties; Opleveren van mooie eindproducten, middels de Agile methodiek; Samenwerken in een team van 10 collega's; Direct contact met de eindklant over de gewenste oplossingen. Hier ga je werken Als Developer kom je te werken in de regio van Lelystad bij een organisatie die met toonaangevende klanten uit heel Nederland samen werkt. De producten en diensten van de organisatie bereiken miljoenen Nederlanders. Hierbij komt een grote hoeveelheid informatie kijken en deze moet discreet en veilig verwerkt worden. De processen die hierbij horen worden door het IT team vormgegeven. De

Bekijk vacature »

Senior Software developer PHP

Functie Jij als senior PHP ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 developers binnen onze organisatie Jij gaat de brug zijn tussen het bouwen van verschillende functionaliteiten binnen onze applicaties en deze vervolgens te integreren in onze centrale hub. Je start je dag om 9 uur met een stand up en dan pak je je taken op voor de dag. Een greep van jouw taken zijn: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden met Security & Privacy Eisen • Minimaal 4

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 »

HBO startersfunctie .NET Ontwikkelaar

Functie omschrijving We are looking for a dutch native speaker Ben je in januari 2023 klaar met je HBO opleiding en zoek je een mooie uitdaging? Wacht niet langer en solliciteer direct! Voor een familiebedrijf in de regio van Boxtel ben ik op zoek naar een C#.NET Ontwikkelaar. Jij gaat aan de slag met de (door)ontwikkeling van de maatwerksoftware projecten en gaat ook nieuwe software bouwen, middels de Microsoft-stack. Het bedrijf maakt gebruik van de volgende technieken: C# & ASP.NET; MVC; MS SQL; Entity Framework; Je krijgt hier veel tijd om te leren en eventueel door te groeien en het

Bekijk vacature »

C#.NET-developer - JUNIOR

Functie omschrijving Voor een leuke opdrachtgever in omgeving Brielle zijn wij op zoek naar een junior developer. Werk jij graag met de volgende tools & technieken? C#, .NET, ASP.NET, MVC en SQL? Kijk dan snel of dit iets voor jou is! Als programmeur bij een productiebedrijf zal je voornamelijk nieuwe software schrijven maar ook bestaande software verbeteren. Verder werk je veel samen in back end projecten met leuke collega's. Bedrijfsprofiel Met een team van ruim 130 personen staan ze elke dag weer klaar om IT en Business te combineren door het ontwikkelen van producten op maat. Er zijn 3 teams,

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); Opstellen van een technisch ontwerp; Testen, documenteren en implementeren van de nieuwe applicatie; Verzorgen van de nazorg, na de implementatie; Het oplossen van bugs en incidenten. Hier ga je werken Als C#.NET Developer binnen deze organisatie kan jij het verschil maken. Zij werken momenteel nog met programmatuur die is ontwikkeld in C++. Hiervan gaan zij afscheid nemen zodra alle nieuwe software in C#.NET geschreven is. Een grootschalig en langdurig project. Voor hen is deze software van

Bekijk vacature »

SQL Developer

Functie omschrijving We are looking for a dutch native speaker Jij gaat in deze functie aan de slag met uitdagende projecten en het creëren van maatwerk software, vooral middels SQL. Iedere klant/project is weer anders, maar dat maakt dit bedrijf en de functie erg uniek & uitdagend. Verder heb je de volgende taken: Ontwikkelen en ontwerpen van SQL databases. T-SQL wordt hierbij gebruikt als programmeer laag; Optimalisatie van query's, voor een verbeterde efficiency; Begeleiden van junior developers, mits je dit leuk vindt; Heb je meer interesse in een rol als consultant, dan is dit ook mogelijk. Je heb hier meer

Bekijk vacature »

Delphi developer

Functie Als Delphi developer ga jij aan de slag in een team met twee andere ervaren Delphi programmeurs waaronder de Hoofd programmeur. Als team zijn jullie verantwoordelijk voor de doorontwikkeling van jullie bestaande applicatie. Daarnaast zijn jullie verantwoordelijk voor het onderhouden van deze applicatie en het oplossen van eventuele bugs. Eisen - HBO werk en denk niveau; - Minimaal één jaar ervaring met Delphi; - Goede beheersing van de Nederlandse taal in woord en geschrift; - Jij bent zelfstandig, maar kan ook in team verband werken. Aanbod - €3000,-- €4000,- op basis van jouw kennis en ervaring; - 8% vakantiegeld;

Bekijk vacature »

IoT Software Developer PHP

Functie omschrijving Voor een klein softwarebedrijf in Breda, zijn wij op zoek naar een IoT software developer met kennis van PHP. In deze rol wordt je verantwoordelijk voor het vernieuwen van het multimedia platform van een super tof bedrijf in Breda. Je gebruikt PHP als programmeerlaag, en bent in staat om de helicopterview te pakken / projectmatig te werken. Jouw werkzaamheden zien er als volgt uit: Je gaat aan de slag met de ontwikkeling en vernieuwing van het "intern" ontwikkelde multimedia platform. Je neemt de lead in het moderniseren van het platform door het deels opnieuw op te zetten of

Bekijk vacature »

Teamlead PHP Developer

Functieomschrijving Voor een gewaardeerde werkgever in de buurt van Middelburg zijn wij op zoek naar een gemotiveerde teamlead PHP developer met affiniteit met Symfony/Laravel. Een enthousiast persoon die het ontwikkelteam komt versterken met het aanpakken van uitdagende projecten. Ben jij op zoek naar een uitdaging waar je de tijd en ruimte krijgt jezelf te ontwikkelen en je eigen IT-team aan te sturen? Lees dan snel verder! Die ga je doen: Bijdragen aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de PHP based applicaties; Ontwikkeling en beheer van de serviceportal in Symfony en de webshops in de tweede versie van

Bekijk vacature »

E-Identity Developer met Projectleider Kwaliteiten

Functieomschrijving Voor de kamer van koophandel zijn we op zoek naar een E-Identity developer met projectleider kwaliteiten. Voor deze opdracht zoekt KVK een Informatieanalist met Technisch Projectleider en ICT developer kwaliteiten, met kennis van E-identity. We zoeken in de breedte en niet specifiek in de diepte qua skillset. Een Junior Projectmanager, een Junior Informatieanalist, een Junior Developer (full stack), een Junior Designer en een Junior ICT architect ineen, met een sterk gevoel van stakeholder management en planning vaardigheden. Door de internationale setting, én de realisatie van ontsluiting van en naar basisregisters toe zijn wij op zoek naar enige ervaring binnen

Bekijk vacature »

Back-end .NET Developer

Functie omschrijving C# / .NET Developer gezocht voor een dynamische organisatie in de regio Houten! Voor een leuke organisatie in de regio Houten zijn wij op zoek naar een Back-end developer die klaar is voor een nieuwe uitdaging. In deze functie werk jij aan verschillende projecten en ga je vaak bij klanten op bezoek. Binnen deze functie kun je een grote mate van uitdaging, diversiteit en verantwoordelijkheid treffen. Bedrijfsprofiel Waar ga je werken? Het bedrijf waar je gaat werken is gespecialiseerd in het ontwerpen en implementeren van procesautomatisering en procesinformatisering. Zij doen dit onder andere voor de (petro)chemie, pharma, infra,

Bekijk vacature »

Pagina: 1 2 volgende »

Donny Wie weet

Donny Wie weet

12/12/2012 15:05:49
Quote Anchor link
Hoi allemaal,

Ik krijg het niet voor elkaar dze div te centreren... ik heb align center al gebruikt... Iemand een idee?

Groetjes


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
<?php


<div id="header" style="margin:0;padding:0; position:fixed;left:0px;top:50px;width:750px;height:40px;text-align:left; background-color:#999;">

<
font color="#FFFFFF">Titel</font>
<
/div>

<
div id="header" align="center" style="margin:0;padding:0;position:absolute;left:550px;top:20px;width:750px;height:40px;text-align:left;z-index:33;">
<
img src="images/thumb.PNG" width="100px" height="100px" />
<
/div>



?>
 
PHP hulp

PHP hulp

15/05/2025 02:55:19
 
Chris PHP

Chris PHP

12/12/2012 15:09:10
Quote Anchor link
@Donny

Volgens mij is position idd absolute, en dan is het width bijvoorbeeld 1000px breed, dan is je margin-left: -500px;

Dus de margin-left is dan de helft van je totale breedte van je div.
Gewijzigd op 12/12/2012 15:09:55 door Chris PHP
 
Max -

Max -

12/12/2012 15:14:11
Quote Anchor link
Hoi!

even snel 2 puntjes;

1) Waarom maak je 2x dezelfde div aan?

en

2) Waarom doe je de styling op die manier?

Ik zou je aanraden om alle styling in een apart .css bestand te doen en deze te linken bovenin je html pagina.
Quote:
<link rel="stylesheet" href="css/style.css" />


Verder om je probleem op te lossen:

http://jsfiddle.net/tbrwb/1/
Gewijzigd op 12/12/2012 15:18:27 door Max -
 
Donny Wie weet

Donny Wie weet

12/12/2012 15:36:00
Quote Anchor link
Dat JSfiddle gebeuren snap ik voor geen meter... En dat margin de helft minder zetten werkt ook totaal niet...
 
Chris PHP

Chris PHP

12/12/2012 15:39:24
Quote Anchor link
@Donny,

Ik weet ook niet precies hoe de browser hiermee omgaat.

<div id="header" style="margin:0;padding:0; position:fixed;left:0px;top:50px;width:750px;height:40px;text-align:left; background-color:#999;">

<div id="header" align="center" style="margin:0;padding:0;position:absolute;left:550px;top:20px;width:750px;height:40px;text-align:left;z-index:33;">

Twee keer de zelfde id met compleet andere opmaak op dezelfde pagina. Gebruik hiervoor een css sheet, en geef ze beiden een andere id om problemen te voorkomen.
Gewijzigd op 12/12/2012 15:39:38 door Chris PHP
 
Donny Wie weet

Donny Wie weet

12/12/2012 15:40:17
Quote Anchor link
Ik gebruik voor deze pagina maar 1 pagina: index.php ik zal wel de IDs een andere naam geven :)

Toevoeging op 12/12/2012 15:44:24:

Heb de IDs een andere naam gegeven, maar nog hetzelfde, krijg ze niet gecentreerd...
 
Chris PHP

Chris PHP

12/12/2012 15:45:51
Quote Anchor link
Dit werkt bij mij gewoon

#body {
position: absolute;
width: 1000px;
height: 400px;
margin-left: -500px;
}
 
Donny Wie weet

Donny Wie weet

12/12/2012 15:54:20
Quote Anchor link
Vaag :S Ik heb nu:

<div id="header" style="margin:-375px; position:absolute;left:0px;top:50px;width:750px;height:40px; background-color:#999; z-index:100;">
test
</div>


En het werkt voor geen meter :S
 
Max -

Max -

12/12/2012 16:06:32
Quote Anchor link
@Donny Rustig aan, neem een kop koffie, anders gaat het nooit lukken! :)

jsfiddle is alleen om te laten zien wat de code doet.

Als ik jou was zou ik mijn advies volgen en de css is een apart bestand doen, dit houd je code een stuk overzichtelijker.

verder is het enige wat je met margin moet doen:

margin: 0 auto;

die 0 staat voor 0 pixels vanaf de bovenkant, de auto zorgt ervoor dat hij van zowel links als rechts even ver staat (dit geeft dus dat center effect).

http://www.w3schools.com/css/css_margin.asp

probeer is dit (CSS zit hier dus niet in een apart bestand):
Quote:
<style>
#header{
position:fixed;
margin: 0 auto;
width:750px;
height:40px;
text-align:left;
background-color:#999;
}

#header2{
margin: 0 auto;
position:absolute;
width:750px;
height:40px;
text-align:left;
z-index:33;
}
</style>

<div id="header">
<font color="#FFFFFF">Titel</font>
</div>

<div id="header2" align="center">
<img src="images/thumb.PNG" width="100px" height="100px" />
</div>


Als het nu nog niet lukt, heb je waarschijnlijk een css conflict. dan zal je eerst moeten uitzoeken waar je al CSS code hebt geschreven waardoor de div'jes links blijven hangen.
Gewijzigd op 12/12/2012 16:15:36 door Max -
 
Donny Wie weet

Donny Wie weet

12/12/2012 16:32:25
Quote Anchor link
Schiet mij maar in een mandje... Ik wordt er helemaal gallisch ziek van...
 
Wouter J

Wouter J

12/12/2012 16:36:25
Quote Anchor link
Dan stop je ermee. Als wij hier alle moeite doen om jou te helpen en jij reageert alleen maar met 'dat werkt niet' of 'ik wordt er ziek van' dan staat dat op z'n zachtst gedrukt onbeleefd.

Waar wordt je ziek van? Begrijp je de code niet? Dan raad ik je aan alles opzij te leggen en eens vanaf 0 te beginnen met leren. Naar mijn idee copy/past je code van her en der en denkt zo dat je het werkend kunt krijgen. Helaas is er ook kennis van zaken voor nodig om het voor elkaar te krijgen. Precies zoals je met een stapel bakstenen, een keuken, een douche en een bed niet direct een huis hebt.
 
Max -

Max -

12/12/2012 16:38:39
Quote Anchor link
Donny van Grondelle op 12/12/2012 16:32:25:
Schiet mij maar in een mandje... Ik wordt er helemaal gallisch ziek van...


hahaha ik herken het, morgen ga je er weer naar kijken en dan zie je het probleem in 5 minuten.

Wat je kan proberen is je site te openen in bijv firefox (chrome heeft deze functie ook volgensmij, IE zou ik niet weten, gebruik ik niet).
Met de rechtermuisknop kan je bij "inspect element" komen.
Vervolgens kan je daarmee je header div opzoeken, en kan je zien welke CSS die div beinvloed.


Verder heeft Wouter J wel een punt, aan "ik snap het niet/Het werkt niet" hebben wij niks. Een probleem omschrijving zou wel degelijk helpen. Blijft de div bijvoorbeeld nog steeds links staan?
Gewijzigd op 12/12/2012 16:51:02 door Max -
 
Donny Wie weet

Donny Wie weet

12/12/2012 17:03:46
Quote Anchor link
Ik snap dat jullie aan opmerkingen als fuck it niets hebben, maar zit hier al heel de middag mee te kloten...

De Div blijft links staan maar lijkt wel een margin omheen te zitten. Ik heb de EXACTE code van Max- overgenomen en in een apart document gezet en geload. Ook in dit geval blijft de Div aan de linkerkant staan.
 
Reshad F

Reshad F

12/12/2012 17:27:05
Quote Anchor link
Wat snap je niet aan JSFiddle? er staat html code er staat css code..
 
Donny Wie weet

Donny Wie weet

12/12/2012 17:28:20
Quote Anchor link
Wist niet dat het was om dingen te testen :)
 
Wouter J

Wouter J

12/12/2012 17:42:06
 
Donny Wie weet

Donny Wie weet

12/12/2012 17:51:04
Quote Anchor link
Ga ik zeker doen nadat ik mijn center probleem heb opgelost.
 
Mark Hogeveen

Mark Hogeveen

12/12/2012 19:14:14
Quote Anchor link
Ik denk dat je nog een beetje aan het beginnen bent, en dan kun je van dit soort problemen goed leren.

Wat ik zou doen als ik jou was:

- Eerst even de inline stijl uit de html tags halen en ze in een apart bestand plaatsen, en dat bestand includen. Zoals hierboven al staat geschreven in het topic.

- Dan zou ik zorgen dat je niet 2x hetzelfde id gebruikt, een id kan maar voor 1 html element worden gebruikt, wil je meer elementen benoemen met dezelfde naam, gebruik dan class="header" in plaats van id="header"

En ik heb dit probleem al heel vaak gezien bij anderen en mezelf.
Het is ook juist zo raar dat CSS wel kan floaten naar links, of naar rechts, maar niet in het midden. float:center heeft CSS nog nooit van gehoord, terwijl dat heeel handig zou zijn.
Ze zeggen dat stijl attributen van HTML zelf niet meer moeten worden gebruikt, omdat die verouderd zijn. Je gebruikt nu de font tag, en die is dus verouderd. Als je de tekst wilt kleuren moet je die tussen <span> en </span> zetten. Die span geef je een id of class en met CSS doe je dan de tekst kleuren met color:white
Echter is het wel nog gewoon goed dat je het HTML attribuut align="" gebruikt, maar dan uitsluitend om een div te centreren. Gebruik dan dus align="center"

Als dit nog steeds niet werkt, gebruik dan deze "formule" om divs in het midden te zetten: [de helft van het beeldscherm (50%)] min [breedte van div gedeeld door 2]
Dan heb je de left positie, en kun je deze gebruiken om de div position:absolute te geven.
De top positie kun je zelf aanpassen (dat is hoe hoog de div komt)
 
Wouter J

Wouter J

12/12/2012 19:22:41
Quote Anchor link
Quote:
Echter is het wel nog gewoon goed dat je het HTML attribuut align="" gebruikt, maar dan uitsluitend om een div te centreren. Gebruik dan dus align="center"

Oh? Alle vormen van inline of interne CSS zijn fout, op <style scoped> na. Tevens moet je align="center" nooit als centreer methode voor block elementen gebruiken.

Merk op dat voor horizontaal centreren het opgeven van een breedte (width) + margin: 0 auto; genoeg moet zijn en beter is dan met position: absolute; aan de slag te gaan. En ga je met de position: absolute; techniek aan de slag, dan raad ik je aan dit te gebruiken: http://d-graff.de/fricca/center.html (om problemen met deze methode te voorkomen)
 
Machiel K

Machiel K

12/12/2012 20:18:34
Quote Anchor link
" margin: 0 auto; " doet wonderen.

Probeer dit eens.
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
<!DOCTYPE html>
<html>

    <head>
        <title> Titel </title>
        <style>
            #header {
                background-color: #999;
                text-align: left;
                color: #FFFFFF;
                width: 500px; /* De breedte van de div */
                height: 40px; /* De hoogte van de div */
                margin: 0 auto; /* Dit zet de div in het midden */
            }
        </style>
    </head>

    <body>

        <div id="header"> De header </div>

    </body>

</html>


Je < ?php ? > is nergens voor nodig. Dit is als je een script gebruikt.
Gewijzigd op 12/12/2012 20:30:50 door Machiel K
 
Donny Wie weet

Donny Wie weet

12/12/2012 20:39:03
Quote Anchor link
Harry hogeveen op 12/12/2012 19:14:14:
Ik denk dat je nog een beetje aan het beginnen bent, en dan kun je van dit soort problemen goed leren.

Wat ik zou doen als ik jou was:

- Eerst even de inline stijl uit de html tags halen en ze in een apart bestand plaatsen, en dat bestand includen. Zoals hierboven al staat geschreven in het topic.

- Dan zou ik zorgen dat je niet 2x hetzelfde id gebruikt, een id kan maar voor 1 html element worden gebruikt, wil je meer elementen benoemen met dezelfde naam, gebruik dan class="header" in plaats van id="header"

En ik heb dit probleem al heel vaak gezien bij anderen en mezelf.
Het is ook juist zo raar dat CSS wel kan floaten naar links, of naar rechts, maar niet in het midden. float:center heeft CSS nog nooit van gehoord, terwijl dat heeel handig zou zijn.
Ze zeggen dat stijl attributen van HTML zelf niet meer moeten worden gebruikt, omdat die verouderd zijn. Je gebruikt nu de font tag, en die is dus verouderd. Als je de tekst wilt kleuren moet je die tussen <span> en </span> zetten. Die span geef je een id of class en met CSS doe je dan de tekst kleuren met color:white
Echter is het wel nog gewoon goed dat je het HTML attribuut align="" gebruikt, maar dan uitsluitend om een div te centreren. Gebruik dan dus align="center"

Als dit nog steeds niet werkt, gebruik dan deze "formule" om divs in het midden te zetten: [de helft van het beeldscherm (50%)] min [breedte van div gedeeld door 2]
Dan heb je de left positie, en kun je deze gebruiken om de div position:absolute te geven.
De top positie kun je zelf aanpassen (dat is hoe hoog de div komt)



oke... maar als mijn scherm nou "1000PX" breed is, en de jouwe is 1500, dan staat mijn pagina niet meer in het midden gecentreerd...
 

Pagina: 1 2 volgende »



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.