DIV centreren

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

REMOTE - Front-end Angular developer

Functie Het IT-team bestaat momenteel uit de IT Manager, 2 back-end developers, 1 fullstack developer, 1 designer en een DevOps engineer. Ze zijn momenteel op zoek naar een ervaren Front-end developer die autonoom en gedisciplineerd aan de slag gaat, en bij aanvang als enige developer met hun Front-end applicaties bezig is. Wel hebben ze de ambitie om hier snel een 2e developer bij te vinden die jij dan ook zal kunnen aansturen/begeleiden. Je zult aan de slag gaan met het doorontwikkelen van hun bestaande UI in Angular. Maar ook het ontwikkelen van een mobiele app. Hierbij hechten ze veel waarde

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

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 »

PHP Developer

Dit ga je doen Je werkt nauw samen met het websitebureau aan de ontwikkeling en optimalisering van het internationale platform; Je ziet nieuwe webshops op en voert optimalisaties door; Je bouwt aan technische, functioneel en commercial resultaat; Je vindt het leuk om zelfstandig binnen een internationale organisatie te werken, maar krijgt ook energie om samen met collega's te werken. Hier ga je werken Voor een bedrijf in de regio Rotterdam zijn wij opzoek naar een PHP Developer. Je wordt onderdeel van het communicatieteam en gaat je bezighouden met het optimaliseren van de website van dit internationale bedrijf. Je schakelt veel

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 »

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 »

Software Developer C++ en Perl

Ben je een slimme en enthousiaste universitair opgeleide bèta die graag bij een relatief klein softwarebedrijf wil werken waar de sfeer goed is en eigen inbreng gewaardeerd wordt? Wij, IntelliMagic in Leiden, ontwikkelen technisch hoogwaardige software op het gebied van IT infrastructuur performance analytics. Het type software zorgt voor intellectueel interessante uitdagingen. We ontwerpen de producten zelf en verkopen deze als off-the-shelf software aan grote bedrijven in Europa en de VS. Wij zoeken een ervaren C++ software engineer met kennis van Perl voor een van onze ontwikkelteams. Werkzaamheden Samen met de andere ontwikkelaars specificeren, ontwerpen en implementeren van nieuwe functionaliteit

Bekijk vacature »

C# .NET Backend Developer HBO Javascript

Samengevat: Deze werkgever is een professionele speler op gebied van IT en E-Commerce. Wil jij werken voor een e-commerce platform? Heb je ervaring met C#, Javascript en Scrum? Vaste baan: C# .NET Developer Backend E-Commerce 3.400 - 4.500 Backend Developer Wij ontwikkelen software voor E-Commerce toepassingen. Ons eigen Content Management systeem biedt een integrale oplossing met diverse ERP software. Onze systemen zijn vaak complex en omvangrijk en draaien bij grote organisaties. Maar ook kleine ondernemingen hebben steeds vaker behoefte aan een vlekkeloos werkende E-Commerce oplossing. Zij bieden een uitdagende werkomgeving met gezellige collega's. Je krijgt veel vrijheid en er is

Bekijk vacature »

Senior Cobol Applicatieontwikkelaar

Bedrijfsomschrijving De IV- organisatie van de Belastingdienst is verantwoordelijk voor en verzorgt de ICT- voorzieningen. Het merendeel van de applicaties wordt op dit moment door de IV- organisatie zelf ontwikkeld, onderhouden en beheerd in het eigen data center. Naast de zorg voor continuïteit op de massale heffing- en inningsprocessen die plaatsvinden binnen een degelijke, stabiele omgeving, wordt er tevens volop gewerkt aan modernisering van het IV- landschap. Dit gebeurt deels intern door gebruik te maken van de expertise die intern aanwezig is, maar ook door het aantrekken van (kant-en-klaar) oplossingen en expertise uit de markt. Functieomschrijving In de applicatie ETM

Bekijk vacature »

C# developer

Functie omschrijving We are looking for a dutch native speaker Ik ben op zoek naar een back-end developer, die met name kennis & ervaring heeft van de programmeertaal C#. Jij gaat aan de slag bij een topspeler in de logistieke sector, die zich behalve met logistiek, ook bezig houdt met softwareontwikkeling. Welke taken komen hierbij kijken? Je gaat desktop- en webapplicaties onderhouden en optimaliseren, waarin je werkt met o.a. C#, ASP.NET, SQL Server en T-SQL. Je hebt regelmatig klantcontact om de wensen in kaart te brengen en te evalueren over de huidige draaiende applicaties. Je implementeert nieuwe functionaliteiten toe aan

Bekijk vacature »

SQL database ontwikkelaar

Functie omschrijving Ben jij niet bang voor complexe algoritmes? Schikt het schrijven van procedures in T-SQL jouw niet af en heb jij al de nodige informatie in SQL, dan is functie precies wat voor jou! Jouw werkzaamheden gaan er als volgt uit zien: Je gaat werken aan de complexere projecten waar jij van A tot Z bij betrokken bent. Je gaat zorg dragen voor het ontwerp, de ontwikkeling en het updaten van SQL databases. Dit doe je op basis van T-SQL. Jij bent van start tot finish betrokken bij de projecten die jij leidt. Je houdt contact met klanten en

Bekijk vacature »

No-Code Betty Blocks ontwikkelaar

Bedrijfsomschrijving Wil jij de bedrijfsprocessen van klanten revolutionair digitaliseren en optimaliseren zonder beperkt te worden door programmeertalen? Kom werken bij een snelgroeiende en professionele organisatie met een gezonde dosis humor en veel vrijheid om jezelf te ontwikkelen. Als No-Code Betty Blocks ontwikkelaar werk je vanuit ons kantoor in het hart van Nederland, je thuiswerkplek of op locatie bij de klant. We faciliteren de juiste trainingen en ondersteuning zodat je een echte Betty Blocks expert wordt. Naast het werk zijn er bij ons bijzondere events, zoals een jaarlijkse zeildag, een zomerse barbecue en een knus kerstdiner om de grillige maanden door

Bekijk vacature »

.NET Developer Senior

Dit ga je doen Het ontwikkelen van backend applicaties in C#; Het maken van vele koppelingen met andere ERP-applicaties zoals JD Edwards en SAP; Je bent (mede) verantwoordelijk voor het opstellen van technisch ontwerpen voor de te ontwikkelen software oplossingen; Je bent gemiddeld 90% van je tijd inhouse oplossingen aan het ontwikkelen en testen. De overige 10% van je tijd ben je bij klanten op locatie om oplossingen te implementeren, klanten te begeleiden en de software verder te innoveren; Naast het zelfstandig ontwikkelen van software oplossingen ben je ook bezig met het waarborgen van je contacten bij de klant, het

Bekijk vacature »

Senior .NET Developer I goed salaris en deels thui

Bedrijfsomschrijving Mijn opdrachtgever is al ruim 20 jaar een gevestigde naam in de wereld van software ontwikkeling, met drie kantoren in de Randstad, waaronder Alphen aan den Rijn. Zij richten zich op het bouwen van IT-oplossingen die ervoor zorgen dat de productiviteit van klanten te allen tijden optimaal is. Hiervoor neemt jouw nieuwe werkgever het volledige ontwikkelproces tot haar rekening; van het eerste gesprek om de klantwensen in kaart te brengen, tot aan het uiteindelijke onderhoud van de opgeleverde oplossing. In totaal werken er inmiddels bijna 200 gemotiveerde IT-ers binnen deze organisatie. De gemiddelde leeftijd ligt rond de 35. Het

Bekijk vacature »

Robot Programmeur

In het kort Drie redenen waarom deze vacature uniek is! Programmeren van zelflerende robots Werken op kantoor en testen in de bedrijfshal Je krijgt verantwoordelijkheid, vrijheid en je mag werken naar eigen inzicht De organisatie Hier ga je aan de slag Een bedrijf dat innovatieve robottoepassingen ontwerpt en bouwt voor onder andere de staal industrie, energie- bouw- en agrarische sector. De robots die vaak in combinatie met diverse randapparatuur geleverd worden vormen een totaaloplossing voor de klant. Dit zijn klanten over de hele wereld, van België en Duitsland tot China, India, maar ook in Nederland. Projecten waar momenteel aan wordt

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

18/07/2024 01:47:42
 
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.