laatste child valt buiten parent border?

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full Stack Developer

Dit ga je doen Ontwikkelen van Product Informatie Management (PIM) systemen; Werken aan zowel grotere als kleine projecten voor toonaangevende klanten binnen o.a. de retail; Verantwoordelijk voor de front-end werkzaamheden; Naast de front-end werk je ook aan de backend. Hier ga je werken Als Full Stack Developer komt je te werken binnen een vooruitstrevende organisatie die Product Informatie Management (PIM) systemen levert aan hun klanten. Hun klanten zijn toonaangevende bedrijven binnen o.a. de retail. De organisatie zit gevestigd in regio Zwolle en bestaat uit zo'n 35 medewerkers, waarvan 30 IT. Je komt te werken binnen één van de zelfsturende development

Bekijk vacature »

Java Developer

Dit ga je doen Het ontwikkelen van nieuwe software; Het ombouwen van de bestaande software; Zowel back- als front-end software ontwikkelen; Het testen; Het implementeren van de volledig geteste software; Het verzorgen van nazorg en het oplossen van bugs; Het opstellen en bijhouden van procesdocumentatie; Je draagt bij aan het agile/scrum processen van het team. Hier ga je werken Ongetwijfeld heb je een of meerdere producten van deze organisatie in huis. Het proces erachter, daar ben je ongetwijfeld minder bekend mee. Deze opdracht geeft je de kans meer over dit proces te weten te komen en een mooie bijdrage te

Bekijk vacature »

Senior Lead Front End Developer

Functieomschrijving Voor Stichting Waternet zijn wij op zoek naar een senior Lead Front End Developer. Binnen het DevOps team Online zijn we op zoek naar een Senior Lead Front End developer met kennis van toegankelijkheid. Deze developer zal zich bezighouden met development van webpaginas die in verbinding staan met systemen uit het back office. Taken Ontwerpen, ontwikkelen, implementeren, documenteren en beheren van webapplicaties in een Azure-omgeving Debuggen, analyseren en oplossen van problemen in de OTAPomgevingen Je participeert in het DevOpsTeam Online voor het verder uitwerken en implementeren van gebruikerswensen Je bent betrokken bij toegankelijkheid audits en het implementeren van WCAG

Bekijk vacature »

Full stack developer Python, React

Functie Jij als full stack developer komt binnen onze Technology afdeling te werken. Deze bestaat momenteel uit 15 man. De stack waarmee wij werken is voornamelijk Python, Javascript, React en GraphQL. Binnen deze afdeling wordt er met multidisciplinaire teams gewerkt aan verschillende projecten. Projecten duren vaak langer dan 3 maanden en je bent van begin tot eind vaak betrokken. Naast dat je als full stack ontwikkelaar aan de slag gaat ben je ook Consultant. Dit betekent dat je ook klantcontact hebt in je rol en werkshops geeft. De verhouding tussen deze werkzaamheden zijn ongeveer 70% development en 30% consultancy. Een

Bekijk vacature »

SQL beheerder / ontwikkelaar

Functie omschrijving Voor een klant in omgeving Tiel zijn wij op zoek naar een SQL beheerder met affiniteit met technisch applicatiebeheer. Je krijgt een fijne in-house werkplek waar je gaat werken aan diverse projecten. Dit bedrijf doet het beheer van databases voor een aantal bancaire klanten. Op dit momenten hebben zij ruim 1500 databases in beheer. Jouw werkzaamheden gaan er als volgt uit zien: Je gaat de development afdeling ondersteunen bij het ontwikkelen van MS SQL Scripts. Je zal zowel zelfstandig als in teamverband MS SQL databases installeren & beheren. Je monitort en onderzoekt incidenten en de achterliggende oorzaken. Je

Bekijk vacature »

Software Ontwikkelaar

Functie omschrijving Voor een echt familiebedrijf in de omgeving van 's-Hertogenbosch ben ik op zoek naar een Software Developer. Jij gaat in de functie van Software Developer werken met C# en .NET framework Jij gaat maatwerk software ontwikkelen en softwareoplossingen creëren. Daarnaast optimaliseer je de bestaande software. Oplossingen waar de klant echt iets aan heeft, jij krijgt er energie van op dit te realiseren. Je gaat werken in een Microsoft omgeving(ASP.NET) en gebruikt daarnaast C# en MVC. Samen met het huidige IT team binnen deze organisatie verwerk je de wensen van de klant tot een (eind)product. Bedrijfsprofiel Deze organisatie is

Bekijk vacature »

Full Stack Developer

Ben jij een kei van een full-stack developer? Heb je ambitie om te groeien en jezelf te ontwikkelen binnen een ambitieus bedrijf? Gaat jouw hart sneller kloppen van transpilers of frameworks zoals Angular, Vue of React? Dan ben jij de persoon die wij zoeken! Voor onze opdrachtgever zijn wij op zoek naar een full-stack developer om onderdeel te zijn van een team dat bestaat uit gedreven developers. Ieders met hun eigen specialiteiten en kennis van de projecten en behoeften vanuit de product owners. We zoeken iemand die met zijn/haar huidige competenties en domeinen dit team wil begeleiden, stimuleren en tevens

Bekijk vacature »

C# .Net Developer

Dit ga je doen Het bouwen van Api's; Nieuwe oplossingen bouwen met C# .Net; De huidige software uitbouwen met C# .Net; Meewerken in projecten; Meedenken aan de toekomstplannen en verbeteringen; Onderdeel van het Scrum Team. Hier ga je werken Onze klant is een dienstverlenende organisatie voor diverse soorten organisaties in Nederland. Ze zijn van oorsprong een familiebedrijf en er is een open cultuur. Ze zijn vooruitstrevend op IT gebied en hebben een eigen inhouse development team van circa 11 man. Je komt hier te werken in het subteam .Net Core. Hier werken ze volgens scrum met de nieuwste technieken en

Bekijk vacature »

Junior PHP Developer

Functieomschrijving Junior PHP Developer gezocht! Voor een opdrachtgever in de regio Gelderland zijn wij op zoek naar een Junior PHP Developer die onderdeel gaat worden van het ontwikkelingsteam van deze organisatie. In deze functie ga jij aan de slag met het schrijven van software voor de aansturing van en het managen van windparken en bijbehorende onderdelen. Hiernaast ga jij je bezighouden met het ontwikkelen, testen en onderhouden van diverse webapplicaties. Het team waarin je komt te werken bestaat uit 3 developers, hierdoor krijg je veel verantwoordelijkheid en de kans om jezelf verder te ontwikkelen. Er wordt echter wel van je

Bekijk vacature »

Back end developer Onderwijssoftware

Functie Als back end developer kom jij terecht in een klein, maar hecht team bestaande uit 5 andere developers (waarvan 2 senioren, 2 medior en 1 junior). Met de gezamenlijke missie om “ieder kind te helpen met onze software” wordt er dagelijks gepassioneerd en hard gewerkt aan ons in-house ontwikkeld platform. Deze software is gebaseerd is op AI, machine Learning en wetenschappelijke inzichten. Dagelijks zul jij werken met onze high traffic webapplicatie. We hebben ruim 300.00 gebruikers en meer dan 2 miljard records waar je te maken mee krijgt! Verder zul jij je bezighouden met: – Het ontwikkelen van hoogwaardige

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 »

Front end developer

Functie Jij als front end developer gaat werken binnen de teams van onze klant, uiteraard met alle moderne technieken. Opdrachten worden echt gericht op jouw leerdoelen en jouw behoeftes. Wij hebben een omgeving gecreëerd waarin je echt jezelf kan zijn en waar echt gekeken wordt naar jouw voorkeuren. Maak je een fout? Geen probleem, leer ervan en dan ga weer door. Door de variëteit aan werk kun je in verschillende omgevingen een kijkje nemen en dus jezelf snel ontwikkelen. Eisen Je bent communicatief vaardig en houdt van een dynamische omgeving Je hebt HBO werk- en denkniveau Je hebt gedegen kennis

Bekijk vacature »

Software Programmeur

Functie omschrijving Voor een informele club in omgeving Delft zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Als ontwikkelaar kom je terecht op een afdeling van 6 medewerkers. Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed verloopt. Je zult klanten ondersteunen. Verder zul je technische ontwerpen en gebruikersdocumentaties schrijven en deze onderhouden. Er wordt voornamelijk gewerkt met PHP, Java en

Bekijk vacature »

Front-End Developer

As a Front-End Developer at Coolblue you improve the user-friendliness of our webshop for millions of customers. How do I become a Front-End Developer at Coolblue? As a Front-End Developer you work on the user-friendliness of our webshop for millions of customers. You enjoy working with the UX Designer to pick up stories. You get energy from coming up with creative solutions and are happy to present these within the team. You also take pride in your work and welcome any feedback. Would you like to become a Front-End Developer at Coolblue? Read below if the job suits you. You

Bekijk vacature »

Lead Webdeveloper

Als Lead webdeveloper bij KUBUS ben je verantwoordelijk voor het implementatie design van requirements en de software architectuur van de webapplicatie en services van BIMcollab. In je rol als lead developer zoek je als vanzelf op een creatieve manier naar het optimum tussen benodigde implementatie-tijd, de performance van de applicatie en een snelle go-to-market van features, aansluitend bij onze geautomatiseerde test- en release train. Hierbij bewaak je in samenwerking met de andere senior ontwikkelaars in je team de architectuur van de applicatie en adviseer je de product owner over noodzakelijke refactoring om de onderhoudbaarheid van het platform te verbeteren. Ons

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.