[divs] mijn rechter menu

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

SQL Database ontwikkelaar

Functie omschrijving Wil jij meewerken aan het creëren van slimme software om magazijnen als een geoliede machine te laten lopen? Wij zoeken een zorgvuldig persoon, iemand die niet snel de hand omdraait voor complexe algoritmes. Denk jij dat jij de SQL ontwikkelaar bent die wij zoeken? Lees snel verder en wie weet zitten we binnenkort samen aan tafel! Jouw werkzaamheden zullen er als volgt uitzien: Je houdt je bezig met het ontwerpen en ontwikkelen van MS SQL server databases, dit doe je met T-SQL als programmeer laag. Je gaat aan high-end software oplossingen werken, dit doe je voor de optimalisatie

Bekijk vacature »

PHP developer

Functie omschrijving Voor een klein bedrijf in de buurt van Nieuwegein zijn wij per direct op zoek naar een talentvolle PHP developer. Er wordt veel ruimte geboden voor eigen initiateven, waardoor je een mooie stempel kan drukken op jouw eigen werkzaamheden (zowel operationeel als strategisch). Het bedrijf heeft middels externe programmeurs een multimedia platform ontwikkeld, maar willen geleidelijk de ontwikkeling naar binnen halen. Om die reden zoeken zij een communicatieve interne PHP developer die graag meebouwt aan het succesvolle product. Je gaat de volgende werkzaamheden verrichten: Platform beheren en programmeren (PHP, MySQL, JQuery, Javascript, XML & HTML); Communicatie en aansturing

Bekijk vacature »

Back end developer Python, PHP

Functie Jij als full stack ontwikkelaar zult komen te werken samen met 1 PHP ontwikkelaar een PO en een flexibele schil aan ontwikkelaars . Samen ga je ervoor zorgen dat de huidige producten doorontwikkeld worden. De marketplace is geschreven in PHP Laravel en in de front end React. De roostersoftware is ontwikkeld in Python in combinatie met React in de front end. Jij zult voornamelijk (lees 75%) werken aan de roostersoftware. Momenteel ligt de uitdaging in het feit dat de roostersoftware breder schaalbaar moet worden zodat het voor meerdere flexwerkers ingezet kan worden. Verder willen ze financiële koppelingen gaan maken

Bekijk vacature »

.NET developer

Functie Jij begint als .NET ontwikkelaar in een team met 10 andere Software Engineers. De werkzaamheden zijn afwisselend, zo kan het dat jij bezig bent met volledig nieuwe features of het door ontwikkelen van bestaande sites of shops. Wij ontwikkelen web applicaties, maar ook mobiele applicaties. Daarnaast bijt jij je soms ook van in externe koppelingen met systemen zoals een ERP. Als team is er een duidelijke focus m.b.t. het waarborgen van de performance en snelheid van webshops. Ook zijn wij expert op het gebied van configuratoren. Kortom enorm veel afwisselende werkzaamheden! Ook jouw werkplek kan afwisselend zijn. Soms heb

Bekijk vacature »

Front end developer Zorgplatform

Functie Jij als Front end ontwikkelen zult komen te werken samen met 1 PHP ontwikkelaar, 1 Python developer en een flexibele schil aan ontwikkelaars . Samen ga je ervoor zorgen dat de huidige producten doorontwikkeld worden. De Marketplace is geschreven in PHP Laravel en in de front end React. De roostersoftware is ontwikkeld in Python in combinatie met React in de front end. Jij zult als Front ender dus voornamelijk bezig zijn met het verbeteren van onze interfaces op onze verschillende producten. Momenteel ligt de uitdaging in het feit dat de roostersoftware breder schaalbaar moet worden zodat het voor meerdere

Bekijk vacature »

Fullstack developer

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie werken? Voor een mooi softwarebedrijf in omgeving Gouda zijn wij op zoek naar versterking op de afdeling Software Development! Als Fullstack react.js developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Onderdelen van jouw functie: Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook

Bekijk vacature »

Software Developer / .NET / Azure

Dit ga je doen Als Lead .NET Software Developer zal je je bezig houden met: Het vertalen van bedrijfswensen naar een technische roadmap; Uitwerken van nieuwe architectuur / designs; Het team aansturen en motiveren; Toezien op de kwaliteit van de code; Mee ontwikkelen van nieuwe features en applicaties. Hier ga je werken Deze organisatie is op dit momenteel marktleider in het ontwikkelen van productielijnen voor de voedselindustrie en heeft een wereldwijd klantnetwerk. Binnen deze organisatie is het team van software developers dagelijks bezig met het ontwikkelen van maatwerk oplossingen om alle productiemachines aan te sturen, maar ook bedrijf kritische applicaties

Bekijk vacature »

PHP Developer

Functieomschrijving Wij zijn op zoek naar een PHP Developer met Laravel ervaring! Voor een groeiende werkgever in regio Breda zijn wij op zoek naar een medior PHP developer met Laravel ervaring. Je gaat aan de slag met het ontwikkelen van maatwerk software voor klanten in een specifieke markt. Als PHP developer ben je samen met een gemotiveerd team van 6 collega’s verantwoordelijk voor de ontwikkeling, beheer en het innoveren van informatiesystemen voor klanten in een specifieke branche. Als software developer ondersteun je complexe uitdagingen van klanten. Je brengt hun wensen in kaart en vertaalt deze door naar maatwerk software. Om

Bekijk vacature »

Klein team zoekt grote fullstack .NET developer to

Bedrijfsomschrijving Deze werkgever is marktleider in de Benelux en is Europees ook al aardig aan de weg aan het timmeren. Ze voorzien technische winkels van apparatuur om producten een langer leven te geven. Hiermee reduceren ze flink wat CO2 uitstoot en dat is natuurlijk goed voor iedereen! IT speelt een belangrijke rol in de bedrijfsvoering en de applicaties zijn van goed niveau. Als fullstack .NET developer ga jij je bijdrage leveren aan het verder verbeteren van de applicaties en de interne processen. Ze zijn nu met ruim 50 medewerkers in totaal en de afdeling development bestaat uit een 5tal developers.

Bekijk vacature »

Senior Airport Developer ( System engineer)

De functie Nice to know (you) De nieuwe A-pier wordt de duurzaamste van Schiphol. Als deze af is ligt er 4000 vierkante meter zonnepanelen op het dak. En de toiletten? Die spoelen door met regenwater. we gaan ervoor: het creëren van de meest duurzame en hoogwaardige luchthavens ter wereld. een toekomstbestendig en duurzaam Schiphol. Daar werken we elke dag hard aan in team Development & Sustainability. Jij bent regisseur, expert én aanjager van de ontwikkeling van Schiphol. Connecting your world Hoe maak je de ambities en doelstellingen van Schiphol concreet in een project? De waarde voor Schiphol naar eisen die

Bekijk vacature »

PHP Software Developer

Functie omschrijving PHP Software Developer gezocht! Voor een organisatie in de regio Zeist die zich bezighoud met het verbeteren van de medicatieveiligheid zoeken wij een Software Developer. In deze functie zijn wij op zoek naar een slimme en enthousiaste Developer die interesse heeft in farmacie, logistiek en ICT. Daarnaast beschik je over een goed analytisch vermogen en ben je van nature gestructureerd en resultaatgericht. Je moet in deze functie daadkrachtig, flexibel en communicatief goed zijn. Je verantwoordelijkheden bestaan uit: Object georiënteerd programmeren; Werken in een scrumteam aan de ontwikkeling van een medicatiebewakingssysteem; Meedenken over de mogelijkheden en onmogelijkheden van projecten;

Bekijk vacature »

C# ontwikkelaar

Functie omschrijving Werk jij graag met C# en het .NET framework in een leuk familiebedrijf? Lees dan snel verder! Jouw takenpakket hierbij is: Je gaat maatwerk software ontwikkelen en softwareoplossingen creëren. 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. Daarnaast optimaliseer je de bestaande software. Bedrijfsprofiel Deze organisatie is gevestigd in de omgeving van Best en is een echt familiebedrijf. Je komt te werken in een klein team van developers, die zich voornamelijk bezighouden met

Bekijk vacature »

Medior/senior front end developer React Sportsoftw

Functie Voor deze functie ben ik op zoek naar een enthousiaste front end developer die communicatief vaardig is. Jij wordt onderdeel van een enthousiast jong team dat werkt aan grote websites. Binnen jouw rol ben jij diegene die de vertaling maakt van design naar functionele code en zorg jij voor goede experience op meerdere platformen. Dit doe je natuurlijk door gebruik te maken van onze stack; Javascript, HTML, CSS en React. Daarnaast wordt er gebruik gemaakt van Webcomponents en verschillende authenticatie tools. Doordat er hier gestreefd wordt naar de beste gebruikerservaringen, wordt het product constant doorontwikkeld. Hierdoor blijven ze voor

Bekijk vacature »

Starter/junior Magento developer gezocht!

Functie Je komt te werken in een zelfsturend team waarin vertrouwen voorop staat en inbreng en ideeën worden gewaardeerd. Ook staat innovatie centraal. Ze bieden jou de mogelijkheid om jezelf door te ontwikkelen. Denk hierbij aan cursussen en een persoonlijk ontwikkelplan. Je komt terecht in het team van momenteel 4 (ervaren) collega’s en zal meewerken aan de doorontwikkeling en nieuwbouw van de Magento platformen van meerdere opdrachtgevers volgens Agile/Scrum. Denk hierbij aan nieuwe functionaliteiten, UX en koppelingen met verschillende back-end systemen. Als starter/junior developer zul je direct begeleid worden door een senior uit het team. Het is van belang dat

Bekijk vacature »

Mendix Consultant / Developer

Dit ga je doen Het in kaart brengen en analyseren van de functionele wensen van de klant rondom Mendix applicaties; Het fungeren als sparringpartner voor de (interne) klanten; Het opstellen van requirements en het vertalen hiervan naar technische mogelijkheden; Het opstellen van user stories; Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Het testen van op te leveren software en het zorg dragen voor de implementatie; Trainen van gebruikers in het gebruik van de applicatie; Werken in een Agile omgeving. Hier ga je werken De organisatie begeeft zich in de retail branche en focust zich

Bekijk vacature »
Ward

Ward

07/05/2005 17:18:00
Quote Anchor link
Hoi,

dit is mijn eerste site waar ik divs in gebruik en ik snap er niet zo veel van zou iemand me even kunnen uitleggen waarom mijn rechter menu geen 100% wilt zijn?

NU:
-------------
| |
-------------
| | | |
|-|
| |
|-|
-------------
| |
-------------

Moet worden:
-------------
| |
-------------
| | | |
|-| | |
| | | |
|-| | |
-------------
| |
-------------


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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST SITE!</title>
<link rel="stylesheet" href="styles/v1.css" />
<script type="text/javascript">

</script>
</head>
<body>
    <div id="backpanel">
        <div id="banner"></div>
        <div id="menu_left">
            <div class="leftmenu">

                <div class="header"><h2><span class="span1">  + menu1 </span></h2></div>
                <div class="fill">

                            BLAAT BLAAT menu1

                 </div>

                <div class="header"><h2><span class="span1">  + menu2 </span></h2></div>
                <div class="fill">

                            BLAAT BLAAT menu2

                 </div>

                <div class="header"><h2><span class="span1">  + menu3 </span></h2></div>
                <div class="fill">

                            BLAAT BLAAT menu3

                 </div>
 
            </div>
        </div>

        <div id="fill">
            <div id="content">
                <?php include("content.php"); ?>
            </div>
        </div>

        <div id="menu_right">
            <div class="rightmenu">

                <div class="header"><h2><span class="span1">  + menu4 </span></h2></div>
                <div class="fill">

                            BLAAT BLAAT menu4

                </div>            
            </div>
        </div>
        <div id="footer"></div>
    </div>    
</body>
</html>



v1.css


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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
/***********************************************************************************************/
/* IDs */
/***********************************************************************************************/
#banner , #backpanel , #footer
{
    display:block;
    width:900px;
}

#backpanel
{    
    position:absolute;
    left:50%;
    top:50px;
    
    height:100%;
    
    margin-left:-400px;

    background-image:url(../images/v1/fill.jpg);
    background-repeat:repeat-y;
}

#banner
{
    height:150px;
    float:center;
    
    background-image:url(../images/v1/header.png);
    background-color:#000000;
    background-repeat:no-repeat;
}

#menu_left
{
    display:block;
    width:190px;
    height:auto;
    float:left;
    background-color:#000000;
}

#menu_right
{
    display:block;
    width:190px;
    height:auto;
    float:right;
    background-color:#000000;
}

#content
{
    display:block;
    width:480px;

    margin-left:20px;
    margin-right:0px;
    margin-top:10px;
    margin-bottom:0px;

    font-family: verdana;
    font-size: 10px;
    color: #FFFFFF;

    height:auto;
    float:center;
    background-color:#000000;
}

#fill
{    
    display:block;
    width:520px;
    height:auto;
    
    float:left;
    background-color:#000000;
}

#footer
{    
    height:25px;
    float:left;

    background-image:url(../images/v1/footer.png);
    background-color:#000000;
    background-repeat:no-repeat;
}

/***********************************************************************************************/
/* Styles */
/***********************************************************************************************/
body
{
    background-color:black;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
    height:100%;
}

span.navb
{
    margin-left:20px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    
    padding:0px 0px 0px 0px;

    border-left:0px;
    border-top:0px;
    border-right:0px;
}
h1,h2
{
    display:block;

    margin-left:10px;
    margin-right:10px;
    margin-top:0px;
    margin-bottom:0px;
    
    padding:0px 0px 0px 0px;

    border-left:0px;
    border-top:0px;
    border-right:0px;
    
}

h1 span.span1 , h1 span.span2 ,h1 span.span3
{
    display:block;
    height:16px;
    
    font-family:verdana;
    font-size:10px;
    font-weight:500;
    color:#FFFFFF;
}

h1 span.span1
{

}

h1 span.span2
{

}

h1 span.span3
{

}

h2 span.span1 , h2 span.span2 ,h2 span.span3
{
    display:block;
    height:16px;
    
    font-family:verdana;
    font-size:16px;
    font-weight:900;
    color:#FFFFFF;
}

h2 span.span1
{

}

h2 span.span2
{

}

h2 span.span3
{

}


/***********************************************************************************************/
/* CLASSES */
/***********************************************************************************************/

div.leftmenu
{
    display:block;
    width:190px;
    float:left;
}

div.rightmenu
{
    display:block;
    width:190px;
    float:right;
}

div.leftmenu div.header
{
    height:25px;
    width:190px;
    background-image:url(../images/v1/menu_header.png);
    background-color:#000000;
    background-repeat:no-repeat;
}

div.rightmenu div.header
{
    height:25px;
    width:190px;
    background-image:url(../images/v1/menu_header.png);
    background-color:#000000;
    background-repeat:no-repeat;

}
div.leftmenu div.fill
{
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;

    width:180px;
    height:auto;

    font-family:verdana;
    font-size:10px;
    font-weight:500;
    color:#FFFFFF;

    background-image:url(../images/v1/menu_fill.png);
    background-color:#000000;
    background-repeat:repeat-y;
}

div.rightmenu div.fill
{
    margin-left:10px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:-10px;

    width:180px;
    height:auto;

    font-family:verdana;
    font-size:10px;
    font-weight:500;
    color:#FFFFFF;

    background-image:url(../images/v1/menu_fill.png);
    background-color:#000000;
    background-repeat:repeat-y;
}

a.navlink
{  
    color:#FFFFFF;
}

a.navlink:active
{
    text-decoration: none;
}

a.navlink:hover
{
    text-decoration: none;
}

input.invisible
{  
    margin-left:20px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;

    background-color: #000000;
    border-style: inset;
    border-top: 1px solid #000000;
     border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10px;
}

/* error.php */
div.error
{    
    display:block;
    width:480px;

    margin-left:20px;
    margin-right:20px;
    margin-top:0px;
    margin-bottom:0px;

    font-family: Lucida Console;
    font-size: -4;
    color: #FFFFFF;

    height:auto;
    float:left;
    background-color:#000000;
}

*/ news.php */

div.mainbox
{
    font-family: verdana;
    font-size: 10px;
    color: #FFFFFF;

    height:auto;
    float:center;
    background-color:#000000;
}

div.mainbox,div.header
{
    font-family:verdana;
    font-size:10px;
    font-weight:500;
    color:#FFFFFF;

    height:25px;
    width:480px;
    background-image:url(../images/v1/main_header.png);
    background-color:#000000;
    background-repeat:no-repeat;
}

div.mainbox,div.fill
{
    width:480px;
    height:auto;

    font-family:verdana;
    font-size:10px;
    font-weight:500;
    color:#FFFFFF;

    background-image:url(../images/v1/main_fill.png);
    background-color:#000000;
    background-repeat:repeat-y;
}

div.mainbox,div.footer
{
    font-family:verdana;
    font-size:10px;
    font-weight:500;
    color:#FFFFFF;

    height:25px;
    width:480px;
    background-image:url(../images/v1/main_footer.png);
    background-color:#000000;
    background-repeat:no-repeat;
}


Edit: Sry voor de slordige tekeningetjes bovenaan en de wat slordige layout van deze post
Gewijzigd op 07/05/2005 17:23:00 door Ward
 
PHP hulp

PHP hulp

23/11/2024 16:18:53
 

07/05/2005 18:27:00
Quote Anchor link
Ik denk dat je te maken hebt met IE probleem

Zet boven aan in je css

html, body {
height: 100%;
}

IE denkt namelijk dat een pagina niet 100% hoog is
 
Ward

Ward

07/05/2005 18:31:00
Quote Anchor link
Dit is geen IE probleem want het is juist hetzelfde in FF

html, body {
height: 100%;
}

bovenaan mijn css zetten lost het probleem niet op. :'(
 

07/05/2005 18:44:00
Quote Anchor link
#menu_right
{
display:block;
width:190px;
height:auto;
float:right;
background-color:#000000;
}

Moet je dan wel height: 100% van maken.
Over het hoofd gezien
 
Ward

Ward

07/05/2005 19:00:00
Quote Anchor link
alright! dat is het! :)

kdenk dak een uurtje teveel achter de pc zit :p

bedankt Webmakerij!
 



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.