Css-fout

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full Stack .NET Developer Graduate Program –

Via Experis Academy krijg je een unieke kans om de in de branche gewilde expertise op te doen die jou tot een gewilde Full Stack .NET Developer met een frontend-specialisatie maken. Het programma duurt 21 maanden en eindigt met een vaste baan bij een van onze vele, boeiende opdrachtgevers, of je blijft bij ons (Experis) werken. Ons programma tot .NET Developer Experis Academy start met een op maat gemaakte cursus die drie maanden duurt. Gedurende deze maanden komen theorie, praktijk en .NET-certificeringen aan bod. Hierbij is het onderwijsprogramma gebaseerd op de principes als versnelde training en flipped classroom. De volgende

Bekijk vacature »

Front-end Developer / Angular

Bedrijfsomschrijving Als Front-end Developer ga je in een DevOps team aan de nieuwste digitale technologieën werken om klanten over de hele wereld te ondersteunen met het optimaliseren van (afval)waterzuivering systemen. Door middel van real-time data in combinatie met voorspellende analyses, AI, Deep Learning en Machine Learning zorgen jij en je team voor inzichten die ernstige milieu en watervervuiling weten te voorkomen. Jouw ervaring als Front-end developer zorgt ervoor dat deze klanten altijd de nieuwste gebruikersinterfaces hebben en zo makkelijk mogelijk deze data kunnen lezen. Zo is de organisatie al meer dan honderd jaar actief bezig met het aanpakken van confrontaties

Bekijk vacature »

Software Architect / Developer / C# / Azure / CQRS

Bedrijfsomschrijving Als Software Architect/Senior Developer kom je te werken bij een organisatie in regio Veenendaal wiens core business software development is voor oplossingen voor de vastgoed branche. Deze applicaties vormen de basis voor financiële processen en planningen en worden door een groot tal gerenommeerde organisaties in Nederland gebruikt. Samen met een team van 15 collega's (bestaande uit ontwikkelaars, testers, UX/UI Designer en een Product Owner), verdeeld over Nederland en een andere locatie in Europa, ga je als Software Architect / Senior Developer aan de slag om het gehele platform te moderniseren. Hiervoor maakten ze gebruik van Delphi en is het

Bekijk vacature »

.Net developer

Functieomschrijving Werken in een innovatieve omgeving met gezellige collega’s? Team DataLeaf groeit en maakt graag plek voor jou! We zijn op zoek naar een ervaren full stack ontwikkelaar met .Net en Angular kennis. Samen stomen we onze klanten klaar voor de toekomst. Help jij ons hierbij? Meer dan alleen software Als developer ga je verder dan enkel uitvoering. Je bent communicatief vaardig en zoekt proactief het contact met de klant. In deze rol ben je de schakel tussen de klant en jouw team. Samen achterhaal je het doel van de gevraagde softwareoplossing. Met de input van alle stakeholders bouw je

Bekijk vacature »

Software Developer die een bijdrage levert aan de

Dutch is mandatory for this position. Vind jij het belangrijk om een baan te hebben die bijdraagt aan een schonere wereld? Een baan waarbij je direct impact hebt in het digitalisering van informatiestromen, oftewel een wereld zonder papier. Doormiddel van hun eigen ontwikkelde software kunnen bedrijven digitaal documenten beheren, delen, ondertekenen en archiveren. Dat betekent dat er geen printers of scanners meer nodig zijn en je bent niet meer afhankelijk van koeriers. Dit scheelt tijd, geld en grondstoffen. Samen met een team van vijf developers ga je nieuwe software oplossingen ontwikkelen. Daarnaast ga je ook nieuwe gebruiksvriendelijke functionaliteiten aan onze

Bekijk vacature »

Projectleider IT

Van wifi voor onze wooncomplexen tot IT building management, als projectleider IT ben jij in de lead. Met een heldere en professionele aanpak speel jij vandaag in op de ontwikkelingen van morgen. IT-projecten en wooninnovaties in goede banen leiden Goede internetvoorzieningen zijn tegenwoordig onmisbaar. Zeker als je studeert. Online colleges volgen, samenwerken, papers schrijven en research doen, het gaat allemaal via de digitale snelweg. Of wat dacht je van video’s streamen of online gamen? Bij de SSH maken we dit mogelijk met optimale internetconnectiviteit via ons eigen SSH-net. Aan jou als projectleider om ervoor te zorgen dat deze internetdienstverlening voor

Bekijk vacature »

.NET Ontwikkelaar Medior

Bedrijfsomschrijving Je komt als Ontwikkelaar te werken bij een organisatie die is gespecialiseerd in industriële automatiseringsoplossingen. De organisatie heeft al ruim 45 jaar ervaring met optimalisatie van processen binnen de industriële sector. De organisatie kenmerkt zich als innoverend, meedenkend en informeel. Binnen het team heerst er een positieve teamspirit met een gezonde dosis ondernemerschap en humor. Werk moet immers ook leuk zijn, toch? Je zult als .NET Developer gaan werken aan verschillende projecten om software te ontwikkelen voor klanten in de logistieke sector. Je zult zowel met het team als zelfstandig ontwikkelen. Je houdt je bezig met het opstellen van

Bekijk vacature »

Senior Android Developer en werken met domotica

Bedrijfsomschrijving Deze relatief kleine organisatie is gespecialiseerd in 'woning automatisering' en domotica. Ze hebben een eigen product op de markt wat zich onderscheidt van de bestaande producten op dat gebied. Alle software en hardware wordt intern ontwikkeld waardoor ze gelijk kunnen reageren op de steeds wijzigende wensen van klanten. De organisatie kenmerkt zich door een gezellige werksfeer met een professionele uitstraling. Op het kantoor is zelfs een eigen woonkamer ingericht waarin alle mogelijkheden van het product worden getoond. Functieomschrijving In deze functie ga je aan de slag in een leuk team van developers die zowel zelfstandig als samen een topproduct

Bekijk vacature »

Application Developer Tech Lead

We’re Hiring! A UPS Application Developer Tech Lead *REMOTE WORK POSSIBLE FOR THIS ROLE As a Tech Lead Developer at UPS you work on delivering functionality for highly complex IT systems. You collaborate in agile teams and participate in emerging technologies and processes like CI/CD and DevOps to ensure that we meet our objectives effectively and efficiently. Your primary role is to perform full system life cycle activities, e.g. analysis, technical requirements, design, coding, testing and the implementation of software. Working in our Europe development center in Eindhoven means working in an international team with onsite people as well as

Bekijk vacature »

Opleidingstraject tot Low Code Developer Cross Bor

Opleidingstraject tot Low Code Developer Cross Border Solutions Den Haag HBO/WO IT Professional "Wij zetten Mendix en E-magiz in voor onze kritieke processen om de favoriete bezorger te zijn. We zoeken hiervoor Developers in spe die gaat leren ontwikkelen in Mendix en E-magiz voor het uitbreiden van onze Cloud IT-platformen en softwareoplossingen voor onze belangrijkste internationale klanten. Dit vraagt om analytisch vermogen, creativiteit, klantgerichtheid en uitstekende communicatie skills". Wat ga je doen? Als onze nieuwe Junior Developer word je onderdeel van de digitale transformatie van onze internationale business unit naar een e-commerce dienstverlener. PostNL’s cross border unit (CBS) groeit in snel tempo

Bekijk vacature »

Java Developer

Bedrijfsomschrijving Onze relatie is een internationale organisatie gevestigd in de omgeving van Amsterdam. Ze staan zeer goed bekend in de markt door hun innovatieve dienstverlening op IT gebied en hun gepassioneerde werknemers. Voor hun inspanningen op het gebied van IT hebben ze meerdere prijzen gewonnen! Ze willen werken en zelfontwikkeling stimuleren om het beste in iedere organisatie naar boven te brengen. IT is cruciaal in deze organisatie om hun dienstverlenging te verbeteren. De organisatie streeft ernaar om een service-architectuur te creëren. Dit is waar jij als ervaren Fullstack Java Developer bij komt helpen. Je zal komen te werken in het

Bekijk vacature »

Fullstackdeveloper

Fullstackdeveloper SSC-ICT Functieomschrijving Een opschaling van enkele tientallen naar acht- tot tienduizend (!) gebruikers voor onze nieuwe webbased applicatie. Dat is de grote uitdaging waar jij en je collega's in het Digidoc-scrumteam voor staan. Eer van je werk? Reken maar. Want als fullstackdeveloper maak jij het voor drie ministeries nu en in de toekomst een stuk eenvoudiger om hun documenthuishouding op orde te houden. Als allround programmeur krijg je een warm welkom in ons goed geoliede scrumteam. Jouw team werkt al ruim twee jaar aan Digidoc Online, het nieuwe documentmanagementsysteem op basis van IBM FileNet voor de ministeries van Binnenlandse

Bekijk vacature »

IT-traineeship Low Code Developer

Vind jij het leuk om veel contact te hebben met een klant en je te verdiepen in een domein? Lijkt het je interessant om enerzijds met de klant mee te denken, maar tegelijkertijd ook zelf een bijdrage te leveren aan de implementatie van een IT oplossing? Wij zijn op zoek naar starters die aan de slag willen als low-code engineer. In deze functie bouw je aan applicaties met behulp van een low-code platform, zoals Outsystems, Blueriq, Mendix of Pega. Dergelijke platformen stellen je in staat om snel een werkende applicatie te ontwikkelen en zijn hierdoor heel geschikt voor maatwerk projecten.

Bekijk vacature »

Full-stack Java Developer

Functieomschrijving Wil jij continu een organisatie en processen optimaliseren? Maak jij graag IT applicaties die impact hebben? Wil jij jezelf en Nederland in beweging houden? Wat ga je doen als Full-stack Java Developer bij Randstad Nederland? Als je als full-stack java developer ergens impact hebt, dan is het hier wel. Wij ondersteunen onze HR-dienstverlening met hightech apps en software, die we continu verbeteren. Zodat onze mensen ervoor kunnen zorgen dat bijvoorbeeld jouw koffer op de band terecht komt op het vliegveld, jouw pakketjes netjes op tijd worden geleverd en goed verzorgt wordt in het ziekenhuis. Onze innovaties volgen elkaar in

Bekijk vacature »

PHP Developer Symfony Vue.js

Bedrijfsomschrijving Betreffende organisatie is gevestigd in de regio van Lelystad en is al ruim 20 jaar lang bedreven in het ontwikkelen en aanbieden van diverse communicatiemiddelen aan de consumentenmarkt. Hierin staan innovatie, optimale klantbeleving en een passie voor technologie centraal. Ruim 100 medewerkers staan dagelijks klaar om te zorgen voor een optimale klantbeleving en optimalisatie van het aanbod. Om diverse businessprocessen binnen de organisatie vloeiend te laten verlopen is software ontwikkeling van essentieel belang. Binnen de organisatie zijn drie scrumteams dagelijks bezig met het beheer en de doorontwikkeling van het applicatielandschap. Zij werken aan verschillende projecten om de beleving van

Bekijk vacature »
Rolf -

Rolf -

27/07/2010 19:12:07
Quote Anchor link
Goedeavond,

Even een vraagje:
Ik heb een css style-sheet en een index.php pagina.
Volgens mij kloppen beide codes, maar de main_container rekt niet mee uit.

Wat doe ik fout?

Hieronder de codes:
index.php
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="nl" xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="layout/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div id="main_container">
        <div id="header">        
        </div>
        
        <div id="menu">
        <ul>
        <li><a href="#">link 1</a></li>
        <li><a href="#">link 2</a></li>
        <li><a href="#">link 3</a></li>
        <li><a href="#">link 4</a></li>
        <li><a href="#">link 5</a></li>
        <li><a href="#">link 6</a></li>
        </ul>
        </div>
        
        <div id="content">
        <h1> Welkom</h1>

        
        </div>
    </div>
</body>
</html>


stylesheet:
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
/* CSS Document */

body{
background-color:#990000;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin:0;
}

div#main_container{
text-align:left;
width:1005px;
margin: 5px auto 0 auto;
background-color:#C80000;
height:auto;
}

div#header{
background: url(header.jpg) no-repeat;
width:100%;
height:100px;
float:left;
}

div#menu{
width:100%;
height:50px;
float:left;
}

div#content{
float: left;
width: 100%;
height: auto;
min-height:420px;
margin-bottom: 5px;

}


#menu ul{
list-style: none;
padding: 10px 0 0 0;
}

#menu li{
display: inline;
margin: 0 20px 0 0;
}

#menu a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
padding: 6px 5px 0 5px;
}

#menu a:link, #menu a:visited{
background: transparent url(../_img/hor_rood.gif) no-repeat top center;
border-top: 3px solid #DA2502;
border-bottom: 2px solid #DA2502;
color: #000;
}

#menu a:hover, #menu a:active{
background: transparent url(../_img/hor_geel.gif) no-repeat top center;
border-top: 3px solid #F5EC00;
border-bottom: 2px solid #F5EC00;
color: #999;
}
Gewijzigd op 27/07/2010 19:37:38 door Rolf -
 
PHP hulp

PHP hulp

13/05/2021 18:47:36
 
Nino M

Nino M

27/07/2010 19:49:38
Quote Anchor link
bij je div#maincontainer 'overflow: hidden;' toevoegen, die 'height: auto;' kan weg.

Het komt doordat alle content in die maincontainer is gefloat, de box rekt dan niet automatisch mee.
Gewijzigd op 27/07/2010 19:50:33 door Nino M
 
Joakim Broden

Joakim Broden

27/07/2010 19:52:36
Quote Anchor link
Zet bij div#main_container overflow:hidden, want de container rekt niet mee omdat de binnenste elementen een float mee hebben. Als je overflow hidden gebruikt rekt de container mee.

En als tip: gebruik geen width:1005px maar 990px, want 990px is het beste als grootste site breedte te ivm scrollbars etc.

En dan nog een, je hoeft geen div# te gebruiken, # is al voldoende, dit is minder type werk en voor later is het makkelijk, stel main_container word een span ipv van div, dus als je in je css overal div#main_container hebt staan, moet je div weer vervangen voor span, dus div is een beetje overbodig.
 
Nino M

Nino M

27/07/2010 19:55:14
Quote Anchor link
persoonlijk vind ik tagname ervoor juist duidelijker.

#maincontainer mag volgens de html specificatie sowieso nooit een span worden aangezien dat een inline element is
 
Joakim Broden

Joakim Broden

27/07/2010 20:02:58
Quote Anchor link
Nino klopt mag volgens html ook geen span worden, maar was als voorbeeld. Ik vind div of iets dergelijke juist maar onhandig de reden staat in rechte boven je. CSS is juist uitgevonden om alles zo makkelijk en handig mogelijk aan te passen ;) vandaar..

Tis maar wat je zelf wil, was altijd nog maar een tip he ;)
 
Rolf -

Rolf -

27/07/2010 20:14:57
Quote Anchor link
Oke, bedankt!
Het is gelukt.

En bedankt voor de tips ;)
 
Terence Hersbach

Terence Hersbach

27/07/2010 21:42:10
Quote Anchor link
Je zou ook even kunnen googelen op clearfix. Dat van die overflow gaat goed totdat je een element bínnen je ge-overflow-de element naar buiten wilt positioneren.

Meer over clearfix uitgelegd:
http://www.sceneone.nl/tips_tricks/clearfix.php
 



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.