Gecentreerde DIV probleem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Back End Developer

As a Back End developer at KUBUS you will be developing the (web) application and services of BIMcollab. You have a focus on the back end of our software, for which we mainly work with C# and .NET. We use a full-stack approach, which means that in addition to the back-end, you will also help with other parts of the code. 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

Bekijk vacature »

Senior Front end developer Digital Agency

Functie Jij als Front end developer komt te werken in een van de 8 multidisciplinaire teams binnen de organisatie. Deze teams werken op basis van Scrum agile in 2 wekelijkse sprints. De grootte van de teams varieert van 9-14 collega’s en bestaan altijd uit één of meerdere project managers en een project manager. Samen met je team werk je aan verschillende projecten voor uiteenlopende klanten zoals grote multinationals tot het kleine mkb. De stack waarmee gewerkt wordt is voornamelijk Javascript, ES6, Es.next, HTML, CSS, React.js en Node.js. Wat deze organisatie onderscheid is dat ze echt langdurige partnerships aangaan met hun

Bekijk vacature »

C#.NET developer

Functie Het development team bestaat momenteel uit vijf backend C#/.NET ontwikkelaars. Op dit moment zit één ontwikkelaar dedicated op de mobiele applicatie. Als team werk je samen aan het zelf ontwikkelde software platform. Dit bestaat uit zowel apps als websites. Om het systeem door meer dan honderdduizenden gebruikers wordt gebruikt is het bijna vanzelfsprekend dat de kwaliteit van het product hoog moet liggen. Het systeem bestaat uit drie projecten. Je werkt dus aan deze drie projecten waarbij de focus op z’n tijd verschuift. De technieken die worden toegepast zijn o.a. .NET Core, Xamarin, C# en MVC. Je zal dus met

Bekijk vacature »

Back-end programmeur

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een uitdagende werkgever in omgeving Waalwijk zijn wij op zoek naar een enthousiaste softwareontwikkelaar met kennis of ervaring met C# en SQL. In een uitdagende rol als C#.NET Developer werk je samen met een enthousiast en informeel team aan het bouwen van maatwerk software voor variërende klanten. Verder ziet jouw takenpakket er als volgt uit: Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je houdt je bezig met het ontwikkelen

Bekijk vacature »

PHP Developer

Functieomschrijving Vanuit het hoofdkantoor in omgeving Roosendaal, ontwikkel je als PHP Developer niet alleen webapplicaties, maar ben je verder ook gefocust op het continu inspelen op nieuwe trends en ontwikkelingen m.b.t software development. Naast het bouwen van webapplicaties, ontwikkelen zij ook webshops en websites voor gave opdrachtgevers! Wat ga je doen? Het schrijven van schone en efficiënte codes volgens het Symfony framework; Het ontwerpen en implementeren van webapplicaties met het Symfony-framework; Onderhouden en updaten van bestaande applicaties die zijn gebouwd met het Symfony framework; Het testen van ontwikkelde applicaties om te zorgen dat ze goed functioneren en voldoen aan de

Bekijk vacature »

Outsystems Developer Medior

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 ervaren 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 de

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 »

Ervaren PHP ontwikkelaar

Functie Jij als PHP ontwikkelaar komt te werken in een team van 4 andere PHP ontwikkelaars. Je zult je voornamelijk bezig houden met: – Het ontwikkelen van nieuwe features – Doorontwikkelen van de API – Nadenken over de technische infrastructuur – Datakwaliteit Samen met het team ben jij verantwoordelijk voor de verdere ontwikkeling van de software en om de positie als marktleider in Europa te behouden. Ze werken volgens SCRUM in 2 wekelijkse sprints, werken met Jira voor alle tickets en communiceren veel via Slack. Eisen • Minimaal 3 jaar ervaring als back end developer • Je hebt affiniteit met

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 »

Senior .NET Ontwikkelaar

In het kort Als Senior .NET ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag met complexe maatwerk software voor bedrijf kritische systemen binnen de technische automatisering. Denk bijvoorbeeld een IoT-oplossing voor de logistieke sector waarbij we van ruim 200.000 machines de telemetrie en events verwerken. We zijn actief in de distributielogistiek, havenlogistiek (denk aan ECT) en productielogistiek. Naast C# en .NET Core maken we ook gebruik van Azure technologie. En als trotse Microsoft Gold Partner leren we graag van en met jou. Wil jij jezelf blijven ontwikkelen binnen de technische automatisering met .NET, dan gaan

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 »

.NET Developer

Dit ga je doen (Door)Ontwikkelen van het applicatielandschap; (Door)Ontwikkelen van microservices; Bouwen van nieuwe functionaliteiten; Verbeteringen aandragen voor het applicatielandschap; Sparren met de business. Hier ga je werken De organisatie is werkzaam in de financiële dienstverlening met meer dan 200 medewerkers en meer dan 250.000 eindgebruikers is het een van de grotere binnen haar branche. Je komt te werken in een team waarmee je verantwoordelijk bent voor het ontwikkelen en onderhouden van de financiële applicaties binnen de organisatie, denk hierbij aan het bouwen en onderhouden van portalen. Als .net developer ga jij het development team ondersteunen met de transitie naar

Bekijk vacature »

PHP developer (Symfony, Doctrine)

Functie Als PHP developer wordt er een hoge mate van zelfstandigheid verwacht, maar ook dat je goed opereert in een team waar kennis wordt gedeeld en dingen als codereviews erg veel voorkomen. Kwaliteit staat voorop, mede hierom werken ze bijvoorbeeld zonder echte deadlines in hun sprints. De SaaS-applicatie wordt volledig ontwikkeld in PHP en Symfony. De module bestaat uit een stuk informatie verrijking en intelligentie wat resulteert in een medische check. De logica wordt daarom in de code geïntrigeerd. Je bent onder andere bezig met complexe databases waar meer dan 80.000 medicijnen op verschillende niveaus in staan, die maandelijks worden

Bekijk vacature »

Back-end Developer

Functieomschrijving Heb jij kort geleden je HBO ICT Informatica diploma in ontvangst mogen nemen? Of heb je een aantal jaar ervaring als Software Developer en ben je klaar voor een nieuw hoofdstuk in jouw carrière? Voor een gewaardeerde werkgever in de regio van Goirle zijn wij op zoek naar een junior/medior Back-end Developer met affiniteit met MS Acess. Samen met een vooruitstrevend team ben je verantwoordelijk voor het ontwikkelen van maatwerk software voor hun klanten. Je hebt kennis of ervaring van SQL en affiniteit met MS Acess. Je bent klantvriendelijk en flexibel ingesteld en vindt het leuk om klanten te

Bekijk vacature »

Junior/medior PHP developer Onderwijssector

Functie Momenteel zijn ze op zoek naar een developer die, veelal fullstack, mee gaat werken aan de ontwikkeling van de producten en zo helpt aan de uitvoering van hun ontwikkelprojecten. Je komt te werken binnen hun development team bestaande uit 6 ontwikkelaars. Ze staan zowel open voor meer junior als medior/senior developers. Je kunt snel veel verantwoordelijkheid krijgen en doorgroeien binnen het bedrijf. Bovendien ben je betrokken bij het bepalen van de product roadmap en de inbreng van (nieuwe) technologieën. De applicaties waaraan je werk worden gebruikt op onderwijsinstellingen door heel Nederland. De tech-stack bestaat voornamelijk uit Laravel (PHP), Vue.js

Bekijk vacature »
Zelf Weten

Zelf Weten

18/04/2008 00:27:00
Quote Anchor link
Dag PHPhulpers,

Ik ben bezig met mijn eerste DIV layout. Echter lukt het me nog niet om de gecentreerde box op de juiste margin te krijgen.

leftnav, rightnav en content hebben alledrie een top-margin van 10px. Echter doet de content vreemd. Weet iemand hoe dit komt?

De pagina's zijn hier te vinden:

HTML: www.pennyprojects.nl/philart/index.php
CSS: www.pennyprojects.nl/philart/scripts/default.css

Dank!
Gewijzigd op 01/01/1970 01:00:00 door Zelf Weten
 
PHP hulp

PHP hulp

26/02/2024 12:39:14
 
Zelf Weten

Zelf Weten

18/04/2008 05:52:00
Quote Anchor link
*bump*

Welliswaar geen 24 uur later, maar wel een klein 12 uur en deze post is bij thuiskomst om rondom 6 uur gepost. SanThe, ik wacht op je standaard NIET BUMPEN reactie, maar zou niet zo sympathiek zijn!

-x-
 
- -

- -

18/04/2008 06:05:00
Quote Anchor link
Probeer ze eens alle drie naar links te floaten.
 
Zelf Weten

Zelf Weten

18/04/2008 06:08:00
Quote Anchor link
Ik heb nu links + content naar links gefloat, en rechts gewoon naar rechts. Echter is de content DIV niet breed. Hij is maar klein breed. Ik heb hem geupload dus check het maar eens op:

HTML: www.pennyprojects.nl/philart/index.php
CSS: www.pennyprojects.nl/philart/scripts/default.css

Thnx Jonathan, we zijn er volgens mij bijna!
 
Robert Deiman

Robert Deiman

18/04/2008 07:23:00
Quote Anchor link
Zelf Weten schreef op 18.04.2008 05:52:
*bump*

Welliswaar geen 24 uur later, maar wel een klein 12 uur en deze post is bij thuiskomst om rondom 6 uur gepost. SanThe, ik wacht op je standaard NIET BUMPEN reactie, maar zou niet zo sympathiek zijn!

-x-

Dat doet SanThe niet om onsympathiek te zijn, maar omdat dat nu eenmaal de regels zijn. Anders werkt iedereen steeds zijn/ haar topic weer omhoog en dat willen we niet.

Als je weet dat het niet mag (en dat geef je toch wel duidelijk aan!) doe het dan gewoon niet, je lokt nu zelfs een reactie uit.
 
Bart Smulders

Bart Smulders

18/04/2008 10:56:00
Quote Anchor link
css gedeelde voor gecentreerde layout is :
}

#container {
width: 600px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
#header {
height: 90px;
}
#menu {
float: left;
width: 140px;
}

#content {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
overflow: auto;
}



html div gedeeldte :
<div id="container">
<div id="header"></div>
<div id="menu"></div>
<div id="content"></div>
</div>

Indien je nu nog een extra div wil hebben aan de rechtkant dan zet je die even onder het menu <div id=rechtsmenu> </div>
extra css
#rechtsmenu {
float: right;
width: 140px;
}

Succes
Gewijzigd op 01/01/1970 01:00:00 door Bart Smulders
 
Jan Koehoorn

Jan Koehoorn

18/04/2008 11:39:00
Quote Anchor link
Robert_Deiman schreef op 18.04.2008 07:23:
Zelf Weten schreef op 18.04.2008 05:52:
*bump*

Welliswaar geen 24 uur later, maar wel een klein 12 uur en deze post is bij thuiskomst om rondom 6 uur gepost. SanThe, ik wacht op je standaard NIET BUMPEN reactie, maar zou niet zo sympathiek zijn!

-x-

Dat doet SanThe niet om onsympathiek te zijn, maar omdat dat nu eenmaal de regels zijn. Anders werkt iedereen steeds zijn/ haar topic weer omhoog en dat willen we niet.

Als je weet dat het niet mag (en dat geef je toch wel duidelijk aan!) doe het dan gewoon niet, je lokt nu zelfs een reactie uit.

Mee eens. Volgende bump == topic closed, wat mij betreft.
 
Zelf Weten

Zelf Weten

18/04/2008 14:40:00
Quote Anchor link
Mijn excuses. Ik snap 't.

Echter Bart, ik heb het geprobeerd. Maar ik zie / snap niet zo goed wat hier anders aan is dan wat ik zelf heb. Behalve dan die overflow. Wat moet ik wijzigen als je kijkt naar mijn stuk CSS? Dus dan bedoel ik dit stuk:

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
#outer {
    width: 1000px;
    margin: 0px auto;
    background-color: #fff;
    color: #333;
     line-height: 130%;
}

#inner {
    width: 980px;
    padding-top: 10px;
    margin: 10px auto;
}

#header {
     padding: .5em;
    background-color: #ddd;
    height: 120px;
    border-bottom: 1px solid gray;
}

#leftnav {
    float: left;    
    background: #C0C0C0;
    width: 160px;
    padding: 1em;
    margin: 0 0 15px 0;
}

#rightnav {
    float: right;    
    background: #C0C0C0;
    width: 160px;
    padding: 1em;
    margin: 0 0 15px 0;
}

#content {
    float: left;
    overflow: auto;
    position: absolute;
    width: 200px;
    background: #909090;
    padding: 1em;
    margin: 0px 200px 15px 200px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}
 
Zelf Weten

Zelf Weten

18/04/2008 14:45:00
Quote Anchor link
Daarnaast.

Als ik dit doe:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
#content {
    float: left;
    background: #909090;
    padding: 1em;
    margin: 0px 200px 0px 200px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}


Staat hij goed in het midden, maar is hij niet breed genoeg. Als ik dan dus vervolgens een width: wil toevoegen komt hij eronder te staan. Dit dus bijvoorbeeld:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
#content {
    float: left;
        width: 450px;
    background: #909090;
    padding: 1em;
    margin: 0px 200px 0px 200px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}
 
- SanThe -

- SanThe -

18/04/2008 14:47:00
Quote Anchor link
Niet Bumpen.
Bumpen::
Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de Afbeelding knop om je tekst aan te passen.

SanThe.
 
Zelf Weten

Zelf Weten

19/04/2008 15:10:00
Quote Anchor link
Heb hem al opgelost. Duurde even, maar de tip van Bart was toch de goede. Hij formuleerde 'm alleen een beetje raar, maar ben eruit gekomen.

DANK!

p.s. slotje mag erop!
 



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.