laatste child valt buiten parent border?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C# developer

Functie Als C# ontwikkelaar ben jij de spin in het web bij deze organisatie. Jij begeleidt en traint de field engineers die bij de klanten machines leveren en installeren. Daarnaast ondersteun jij de field engineers als zij bij de klant vastlopen bij het installeren van de machine m.b.t. software matige vragen. Jouw doel is dan ook om de technische kennis van de field engineers door middel van training zoveel mogelijk uit te breiden. Dit om ervoor te zorgen dat zij zelfstandiger software matige problemen kunnen oplossen. Ook ben jij verantwoordelijk voor het bedenken van software oplossingen voor klanten en dit

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 »

.net developer

Hoi! Wij zijn auto.nl en wij verkopen auto's online. je bestelt bij ons een auto net zo makkelijk als een spijkerbroek. En bevalt ie niet? Dan stuur je 'm gewoon weer terug. En dat we dat goed doen bewijst onze hoge klanttevredenheid van een 9,3. Nu maken we de volgende stap bij auto.nl. We starten met fysieke winkels. Online zoeken, offline bekijken. Maar nog altijd, geen gedoe! Gewoon eerlijk, transparant en zonder zorgen een auto kopen.. Maar om dat waar te blijven maken en nóg beter te worden, zoeken we uitbreiding van ons development team. Wat ga je precies doen?

Bekijk vacature »

C# .NET Developer

Functie omschrijving C# .NET Developer gezocht. Ben jij een full stack developer die op zoek is naar een nieuwe uitdaging binnen een leuk snel groeiend bedrijf? Lees dan snel verder! Wij zijn op zoek naar een Developer met ervaring op het gebied van .NET die een organisatie in de regio Bennekom gaat versterken. Jij gaat je binnen dit bedrijf vooral bezighouden met het verbeteren van de functionaliteiten van hun dataplatform. Samen met andere ontwikkelaars denk je mee in oplossingsrichtingen, architectuur en nieuwe technologieën. Bedrijfsprofiel De organisatie waar je voor gaat werken heeft een onafhankelijk dataplatform ontwikkelt voor de agrarische sector.

Bekijk vacature »

Fullstack developer

Functie omschrijving We are looking for a dutch native speaker Wil jij werken als Senior Developer en werken aan een applicatie die duizenden marketingcampagnes automatisch aanstuurt? Dit is je kans! Kom werken voor onze opdrachtgever en in deze rol zul je veel vrijheid en verantwoordelijkheid krijgen om gezamenlijk de applicatie naar een hoger plan te tillen. Wat ga je verder doen: Optimaliseren, beheren en uitbreiden van onze applicatie; Het bouwen van aansluitingen op de systemen van partners middels API’s; Meedenken over de technische/ontwikkel-standaarden; Proactief verbeterpunten voorstellen. Bedrijfsprofiel Het is een organisatie die met een team van verschillende developers én marketeers

Bekijk vacature »

PHP Developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »

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 »

(Junior) PHP Ontwikkelaar bij een retail bedrijf i

Bedrijfsomschrijving Ben jij een ervaren PHP ontwikkelaar met een passie voor retail en ICT? Wil jij werken in een team dat zich bezighoudt met het ontwikkelen van uitdagende applicaties voor een groot retailbedrijf in Delft? Dan zijn zij op zoek naar jou! Functieomschrijving Als PHP Ontwikkelaar werk je in een team aan de ontwikkeling van applicaties die door de gehele organisatie worden gebruikt. Je bent verantwoordelijk voor het ontwikkelen, testen en implementeren van deze applicaties. Je werkt hierbij nauw samen met andere ontwikkelaars, projectmanagers en stakeholders binnen de organisatie. Je taken bestaan onder andere uit: Ontwikkelen van nieuwe functionaliteiten en

Bekijk vacature »

Senior .NET developer

Klaar voor een nieuwe uitdaging? Welke technologieën gaan schuil achter de dagelijkse energievoorziening? Als senior .NET developer bij Kenter maak jij samen met je team het verschil, zowel voor de interne organisatie als voor eindklanten. Samen bouwen jullie aan innovatieve dienstverlening met behulp van de nieuwste technologieën en tools. Het is een functie met veel vrijheid, goede arbeidsvoorwaarden én je draagt jouw steentje bij aan de energietransitie. Klinkt dit als iets voor jou? Lees dan verder of solliciteer direct! Wat ga je doen als senior .NET developer? Als senior .NET developer bij Kenter (onderdeel van Alliander) ben je van onschatbare

Bekijk vacature »

Senior Javascript developer

Functie Het platform is gebouwd in een moderne JavaScript stack, die gebruikt maakt van:  React.js  Redux  TypeScript  Node.js  Google Cloud functions (node.js)  Semantic UI Alle code wordt getest en beoordeeld door collega developers. De continuous integration pipeline maakt het mogelijk om elke dag waarde te leveren aan hun klanten. Het ontwikkelproces is pragmatisch en gebaseerd op Scrum. Wat je zult doen: Ten eerste kun je nadrukkelijk jouw eigen stempel drukken op de technologie, het product en de cultuur van het bedrijf. Je bent bezig met het uitwerken van de architectuur van nieuwe functionaliteiten op

Bekijk vacature »

Junior Software Developer (HBO / WO)

Functie omschrijving Wij zijn op zoek naar een Junior Software Developer! Sta jij aan het begin van je carrière en heb je net je HBO of WO-diploma in de richting van ICT of Techniek mogen ontvangen? En heb jij grote affiniteit met software development? Dan hebben wij bij Jelling IT Professionals de perfecte opdrachtgever in de omgeving van Utrecht, die jou tot een volwaardig Fullstack Software Developer gaat opleiden. Binnen deze grote organisatie krijg je ruime en professionele trainingen die jouw in korte tijd vakbekwaam maken. Niet alleen het aan technisch aspect, maar ook zeker jouw persoonlijke ontwikkeling wordt veel

Bekijk vacature »

Full Stack Java ontwikkelaar

Functieomschrijving Voor de politie zijn wij op zoek naar een Full stack Java ontwikkelaar. Als ervaren full stack Java ontwikkelaar binnen de gewenste deadlines meewerken aan de totstandkoming van de gewenste werkzaamheden. Taken Upgraden van GeoServer, SOLR, Oracle Spatial database, Tomcat Migreren Oracle Spatial naar PostgreSQL/PostGIS Migreren SOLR naar ElasticSearch Geografische gegevens op het interne netwerk beschikbaar maken Doorontwikkelen en actualiseren van de geografische services Het up to date brengen van de CI/CD pipeline, samen met medewerkers die verantwoordelijk zijn voor de CI/CD tooling Aanspreekbaar op de solution architectuur en stemt die met collega's in het cluster Geo De opdracht

Bekijk vacature »

Lead Fullstack developer

Functie omschrijving Ben jij een leergierige en ambitieuze junior developer met technische skills? Ben jij op zoek naar een werkgever die jouw de volledige vrijheid geeft om jezelf tot een volwaardige senior te ontwikkelen? Wij zijn op zoek naar een full stack developer die zich bezig wil bezig houden met het uitbreiden en verbeteren van de online webshop. Een onderdeel van jouw werkzaamheden is naast het beheren van de webshop ook om de processen en structuren te stroomlijnen. Werkzaamheden Onderhouden van de webshop (denk aan het bijhouden van de voorraad); Nieuwe functies toevoegen aan de product configurator door middel van

Bekijk vacature »

Magento developer

Functie E-commerce is een ‘’snelle’’ wereld. Om hierin continu voorop te blijven omarmen ze in een vroeg stadium nieuwe technieken. Een webshop is nooit af en kan altijd beter, sneller en efficiënter. Tegelijkertijd hebben ze vanaf hun oprichting altijd vastgehouden aan kwaliteit boven snelheid, en dit loont. Als back-end developer fungeer je als het verlengstuk van hun klanten. Technisch complexe zaken pak je met liefde op, en hierin werk je samen met o.a. front-end developers en designers. Klanten verwacht hierin kwaliteit van het hoogste niveau en een proactieve, meedenkende rol bij het maken van zowel technische als strategische keuzes. Ga

Bekijk vacature »

.NET software developer

Functie omschrijving Voor een gewilde werkgever in omgeving Roosendaal zijn wij op zoek naar een back-end software developer met een aantal jaar werkervaring. Je krijgt een plekje in het workflow team en je zal betrokken worden bij het bouwen van nieuwe software, en het optimaliseren van bestaande code. Je werkt bij dit bedrijf in een Scrum team waarin je soms klantcontact hebt. Jouw werkzaamheden zullen er als volgt uit zien: Je krijgt een plekje op de in-house IT afdeling. Deze afdeling bestaat uit zo'n 12 collega's, verdeeld over verschillende specialisaties (BI, Beheer, Business software & workflow). De vacature staat open

Bekijk vacature »
Wim Kasius

Wim Kasius

15/12/2013 12:11:05
Quote Anchor link
Kan iemand mij vertellen waarom de laatste child node (div class=voertuig) buiten de border van parent (div id=voorraadlijst) valt? Ik toon 5x(div class=voertuig), waarvan er 4 netjes binnen de border staan, en 1 erbuiten. Als er op de laatste pagina 2x(div class=voertuig) worden getoont, staat er 1 binnen de border...
Alvast bedankt

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
<!DOCTYPE HTML>

<?php

/**
 * @author Wim Kasius
 * @copyright 2013
 */


include ('dbconn.php');
if (isset($_GET["page"])) { $page  = $_GET["page"]; } else { $page=1; };
$start_from = ($page-1) * 5;
$sql = "SELECT * FROM voertuigen ORDER BY merk ASC LIMIT $start_from, 5";
$rs_result = mysqli_query ($con,$sql);
?>

<head></head>
        <body>
            <div id="voorraadlijst" style="width: 450px; margin-left: 25%; margin-right: 25%; border-style: ridge; border-color: black; border-width: thin;">
            <?php
            while ($row = mysqli_fetch_assoc($rs_result)) {
                extract ($row);
                    $merkmodel = $row['merk']." ".$row['model'];
                $afbeeldingen = explode(",", $afbeeldingen);        
                  ?>

                          <div class="voertuig" style="clear: both;">
                                <div class="data" style="width: 50%; float: left;">
                                    <h3 class="merkmodel"><?php echo"$merkmodel"; ?></h3>
                                    <p class="type"><?php echo "$type"; ?> </p>
                                    <table>
                                        <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                                        <tr><td><?php echo "$bouwjaar";?></td><td> <?php echo "$tellerstand";?> km</td></tr>
                                    </table>
                                    <p>Vraagprijs: &euro; <?php echo "$verkoopprijs_particulier";?>,-</p>
                                </div>
                                <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=<?php echo current($afbeeldingen);?>>
                                </div>
                          </div>
            <?php }; ?>
            </div>
            <div id="navigatie" style="clear: both;">
                    <?php
                    $sql
= "SELECT COUNT(hexon_nr) FROM voertuigen";
                    $rs_result = mysqli_query($con,$sql);
                    $row = mysqli_fetch_row($rs_result);
                    $total_records = $row[0];
                    $total_pages = ceil($total_records / 5);
                      
                    for ($i=1; $i<=$total_pages; $i++) { ?>

                                <a href='pagina.php?page=<?php echo $i;?>'>Pagina <?php echo $i;?></a>
                    <?php }; ?>
            </div>
        </body>
</html>


Broncheck:
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
72
73
<body>
<div id="voorraadlijst" style="width: 450px; margin-left: 25%; margin-right: 25%; border-style: ridge; border-color: black; border-width: thin;">
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">Audi A1</h3>
                <p class="type">1.6 TDI 66KW SB S-TRONIC </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2012</td><td> 9879 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 27999,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images0.wheeler.nl/s1386081049/6911582-1-2-2.jpg>
            </div>
      </div>
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">BMW 3 Serie</h3>
                <p class="type">318 D TOURING BUSINESS LINE </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2008</td><td> 125653 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 12945,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images0.wheeler.nl/s1386059922/6875896-1-2-2.jpg>
            </div>
      </div>
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">Peugeot 206</h3>
                <p class="type">SW XS 1.4 </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2003</td><td> 94444 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 3945,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images1.wheeler.nl/s1386672743/6946173-1-2-2.jpg>
            </div>
      </div>
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">Renault Scnic</h3>
                <p class="type">1.6 16V EXPRESSION LUXE </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2003</td><td> 184137 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 2999,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images1.wheeler.nl/s1386672377/6951187-1-2-2.jpg>
            </div>
      </div>
      <div class="voertuig" style="clear: both;">
            <div class="data" style="width: 50%; float: left;">
                <h3 class="merkmodel">Seat Arosa</h3>
                <p class="type">1.4 44KW 3D STELLA </p>
                <table>
                    <tr><th>Bouwjaar</th><th>Kilometerstand</th></tr>
                    <tr><td>2004</td><td> 76462 km</td></tr>
                </table>
                <p>Vraagprijs: &euro; 4245,-</p>
            </div>
            <div class="fotos" style="width: 50%; float: right; margin-top: 10px;"><img class="voertuigfoto" style="width: 225px;" src=http://images0.wheeler.nl/s1386239222/6928854-1-2-2.jpg>
            </div>
      </div>
</div>
<div id="navigatie" style="clear: both;">
            <a href='pagina.php?page=1'>Pagina 1</a>
            <a href='pagina.php?page=2'>Pagina 2</a>
</div>
</body>


Toevoeging op 15/12/2013 14:15:27:

never mind, noob float usage
Gewijzigd op 15/12/2013 12:13:37 door Wim Kasius
 
Er zijn nog geen reacties op dit bericht.



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.