Automatische breedte werkt niet

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

ERP Developer fleet managementsysteem

Wat ga je doen als ERP Developer fleet managementsysteem? Als ERP developer speel jij een belangrijke rol bij het doorvoeren van wijzigingen en verbeteringen binnen het fleet managementsysteem. Jouw expertise op het gebied van ERP systemen stelt jou in staat om de applicatie optimaal te laten functioneren en te blijven ontwikkelen. Als lid van het IT-team werk je nauw samen met andere developers en het business team om het fleet managementsysteem te integreren met andere systemen. Je bent verantwoordelijk voor het ontwikkelen van nieuwe functionaliteiten en het implementeren van verbeteringen op basis van de wensen en eisen van onze klanten.

Bekijk vacature »

Junior Low-code ontwikkelaar gezocht omgeving Arnh

Bedrijfsomschrijving Wij zijn een dynamisch IT-bedrijf dat zich richt op het stroomlijnen van bedrijfsprocessen en het creëren van ondersteunende applicaties. Onze kracht ligt in het combineren van zakelijk inzicht met IT-expertise via gestroomlijnde procesontwerpen en wendbare applicatieontwikkeling met behulp van Low-code technologieën. Als jonge professional krijg je de kans om samen te werken met een team van 15 deskundige collega's, verspreid over nationale en internationale locaties. We bieden je een leerzame omgeving waar je je vaardigheden kunt ontwikkelen en groeien in je rol als Low-code ontwikkelaar. Word jij onze nieuwe Junior Low-code Ontwikkelaar (OutSystems)? Versterk ons team en draag bij

Bekijk vacature »

Oracle Developer / PL SQL

Dit ga je doen Software ontwikkeling aan een internationaal gebruikt pakket; Werken met technieken als Oracle 19c, Toad, PL/SQL, Oracle Forms, Reports en Designer; Meedraaien in internationale projecten; Meedenken over technisch en functioneel ontwerp; Samenwerken met collega's als Informatie Analisten, Testers en Release Managers; Soms wensen en eisen afstemmen met de business. Hier ga je werken Onze klant, een internationaal bekend bedrijf dat essentiële producten maakt waar iedereen graag gebruik van maakt, zoekt versterking in het Software Development team. Samen met 3 developers, een release manager, een informatie analist en 3 testers werk jij aan een systeem waarmee complexe producten

Bekijk vacature »

Senior Java Developer

Als Senior Java Developer bij Sogeti ben je onderdeel van onze toonaangevende community die bestaat uit ruim 100 gepassioneerde Java professionals. In teamverband lever je mooie prestaties. Daarmee draag je aan bij de meerwaarde die wij leveren aan onze top-opdrachtgevers. Geen werkdag is hetzelfde! Je bent voortdurend bezig met het oplossen van allerlei complexe vraagstukken binnen bedrijfs kritische systemen voor onze klanten in regio Noordoost zoals DUO, ING, CJIB en Tendernet. Natuurlijk krijg jij de mogelijkheid je verder te certificeren in dit vakgebied. We organiseren regelmatig technische Meetups en doen veel aan kennisdeling. Sogetisten hebben plezier in hun werk en

Bekijk vacature »

Ambitieuze medior developer

Wat je gaat doen: Heb jij al een paar jaar ervaring als developer maar wil jij naar the next level? In ons NextLevelDev Programma helpen wij jou om de volgende stap te zetten: een mooi programma aan trainingen op het gebied van Java, hippe frameworks, Agile/Scrum, OCP-certificering en optioneel: andere JVM-talen als Kotlin en Scala; Cloud (AWS, Azure, GCP) Soc Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun

Bekijk vacature »

Frontend Developer

Dit ga je doen Door ontwikkelen van het online platform Deel uitmaken van verschillende ontwikkelteams Meedenken over UI/UX vraagstukken Uitdragen van Front-end binnen de organisatie Hier ga je werken Deze organisatie, gevestigd in de omgeving van Amsterdam, is een grote onderwijs instelling met meerdere vestigingen en een groot aantal studenten. Zo telt deze organisatie +/- 35.000 gebruikers. Bij deze organisatie staat jouw ontwikkeling centraal en is er veel ruimte voor eigen initiatieven. In samenwerking met jouw team ga jij de online omgeving verder ontwikkelen. In de rol van Front end Developer zal jij 50% van jouw tijd werken in het

Bekijk vacature »

C# Ontwikkelaar

In het kort Als C# .NET Core ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag 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 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 we deze uitdaging

Bekijk vacature »

UX Writer (m/v/d)

UX Writer (m/v/d) Everything we do, starts with you. Together with you, we build the most human-centric fintech. We have the ambition to create the next. And - with Bertelsmann - a strong foundation to start from. Let’s make it new – for society and for yourself. Wij zijn op zoek naar een UX Writer (m/v/d) Fulltime - Op ons kantoor in Amsterdam of Heerenveen / deels vanuit huis Als UX Writer bij Riverty hou jij je bezig met onze strategie om daar te zijn waar onze gebruikers zijn en op de manier waarop zij ons nodig hebben, terwijl wij

Bekijk vacature »

Lead developer

Functie Als lead developer wordt jij verantwoordelijk voor een van onze development teams. Samen met de Software Architect bewaak jij de kwaliteit en uitvoering van onze complexe vraagstukken. Daarnaast ben jij verantwoordelijk voor het inschatten, designen en ontwikkelen van middelgrote tot grote veranderingen in de software. Ook coördineer jij het proces rondom complexe technische vraagstukken. Verder bestaat jouw takenpakket uit het volgende: – Het aansturen van jouw development team; – Het begeleiden van Junior Software Engineers; – Het maken van technische analyses m.b.t. nieuwe aanvragen en het tijdsbestek inschatten voor de uitvoering hiervan; – Het uitvoeren van de ontwikkeling van

Bekijk vacature »

.NET developer

Functie The position we have for you As a .NET developer you will work for one of our customers active in the High Tech Industry. Our customers are mainly located in the Eindhoven area. We are very selective when it comes to the projects we accept and therefore only focus on innovative and complex projects. Because our customers are mainly specialized in machine construction, you often work close to the machines. Our team currently consists of Embedded engineers, IOT developers and Cloud engineers. We mainly work on Microsoft projects where WPF, UWP, .NET Core and Microsoft Azure are used. Eisen

Bekijk vacature »

Software Programmeur

Functie omschrijving Voor onze opdrachtgever in omgeving Rotterdam zijn wij opzoek naar een software programmeur die goed kan schrijven in de talen C of C++ en die het leuk vind om te werken met Linux! 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. Bedrijfsprofiel Dit bedrijf wil de klanten een volledige oplossing kunnen bieden, waarbij ze een

Bekijk vacature »

.NET developer

Functie Als .NET ontwikkelaar start jij in een multidisciplinair team met 7 ontwikkelaars. Dit team is verdeeld onder Front-end ontwikkelaars en backend developers. De backend developers werken voornamelijk aan desktop applicaties in combinatie met backend systemen. Hier ga jij dus ook mee aan de slag! Hierbij wordt voornamelijk gebruik gemaakt van C# .NET, WPF, UWP, XAML en MVVM. WPF, UWP, .NET Core, Azure Devops en Entity Framework. WPF en UWP worden dan ook voornamelijk gebruikt voor de user interface van de desktop applicatie. Het development team is dan ook erg gedreven m.b.t. het ontwikkelen van vooruitstrevende en innovatieve horeca automatiseringsoplossingen.

Bekijk vacature »

Traineeship Full Stack .NET Developer

Dit ga je doen Start op 7 augustus bij de Experis Academy en ontwikkel jezelf tot een gewilde Full Stack .NET Developer. Maar hoe ziet het traineeship eruit en wat kun je verwachten? Periode 1 De eerste 3 maanden volg je fulltime, vanuit huis, een op maat gemaakte training in teamverband. Je leert belangrijke theorie en krijgt kennis van de benodigde vaardigheden en competenties die nodig zijn om de IT-arbeidsmarkt te betreden. Zowel zelfstandig als in teamverband voer je praktijkopdrachten op het gebied van front- en backend development uit. Wat er per week op het programma staat kun je hier

Bekijk vacature »

.Net Ontwikkelaar

Dit ga je doen Het ontwerpen en ontwikkelen van software voor klanten; Het bijdragen van kennis en ervaring; Het integreren van van de software en afstemmen met klanten; Het functioneel testen van de ontwikkelde software. Hier ga je werken Voor onze relatie zijn wij momenteel op zoek naar een .Net Developer die wilt werken aan software die draait op machines wereldwijd. De organisatie produceert software voor applicaties die gebruikt worden in verschillende branches. De software wordt geleverd aan fabrikanten van verschillende robotica en machines. Als .Net ontwikkelaar ben je intern onderdeel van het team wat de applicatie omgevingen ontwikkeld en

Bekijk vacature »

.NET developer

Functie Als developer heb jij de keuze om aan te sluiten bij het team (13 developers) die op locatie projectmatig bij klanten werkt. Wanneer jij liever intern bij de werkgever werkt is er ook alle ruimte voor jou in het interne team (8 developers) van dit bedrijf. Je werkt samen aan verschillende projecten bij of voor de klant. Het project wordt aangeleverd door sales aan de project manager. Die maakt samen met de Resourcer een planning en op basis daarvan wordt uit het development team een “projectgroep” opgesteld. Hoeveel en welke projecten jij wilt oppakken gebeurt geheel in samenspraak met

Bekijk vacature »
George van Baasbank

George van Baasbank

21/06/2012 11:48:10
Quote Anchor link
Hallo allemaal,

Ik maak veel gebruik van kaders in mijn site en heb daarom onderstaand kader ontwikkeld. Dit kader past zich in de hoogte aan aan de inhoud van het kader. Zo krijg ik een mooi sluitend kader zonder al te veel lege ruimte.
Nu heb ik aangegeven dat de maximale breedte 410px moet zijn en, indien van toepassing, de minimale breedte van 150px. Dat werkt echter niet. Ik heb vervolgens op regel 6 nog toegevoegd dat de instelling <width> automatisch moet zijn maar ook dat werkt niet.
Wie weet een oplossing hiervoor? (Dat de breedte dus ook binnen de grenzen automatisch wordt ingesteld)

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
div.invoerveld400_auto {
    font-family: Arial;
    font-size: 14px;
    min-width: 150px;
    max-width: 410px;
    width: auto;
    border:5px solid #CC071E;
    padding:10px 40px;
    background: #E0E1DD;
    margin-left: auto;
    margin-right: auto;
    border-radius:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius:15px; /* Firefox 3.6 and earlier */
}



George van Baasbank
Gewijzigd op 21/06/2012 12:11:38 door George van Baasbank
 
PHP hulp

PHP hulp

22/12/2024 08:08:01
 
Reshad F

Reshad F

21/06/2012 14:35:32
Quote Anchor link
dit werkt zo niet natuurlijk he 3x meegeven dan pakt hij de laatste. dus in dit geval width = auto

je moet

width = 150px;
max-width = 410px;

dus hij is altijd 150px maar wanneer er content inkomt kan hij max 410 worden.

en als je er nog een overflow:none in zet dan blijft de content er nog netjes in ook!
 
George van Baasbank

George van Baasbank

21/06/2012 16:21:27
Quote Anchor link
Reshad,

Met deze instellingen bleef/blijft de content ook binnen het kader. Ik ga jouw suggesties nu uitproberen.

Toevoeging op 21/06/2012 16:27:36:

Reshad,

Helaas voor jou: Jouw suggestie werkt niet. Ook als ik de beide breedte-instellingen omdraai gaat het niet goed.
In mijn volgorde is max-width ook gelijk de maximale breedte en in de andere volgorde is de instelling <width> leidend.
Gewijzigd op 21/06/2012 16:28:01 door George van Baasbank
 
Andre Sep

Andre Sep

21/06/2012 16:40:59
Quote Anchor link
Het is toch gewoon 'min-width/max-width'?!

Niks geen 'width: auto;'

Dat laatste moet er volgens mij gewoon uit...
 
George van Baasbank

George van Baasbank

21/06/2012 16:52:13
Quote Anchor link
Andre,

Ook dit werkt niet. Wat ik wil is dat als er bijv. in een kader alleen het woordje "Test" voorkomt, het kader zich nauw om het woordje heen sluit. De maximale instelling werkt wel goed. Het probleem zit 'm dus in de <min-width>.

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
div.invoerveld400_auto {
    font-family: Arial;
    font-size: 14px;
    max-width: 410px;
    min-width: 33%;
    border:5px solid #CC071E;
    padding:10px 40px;
    background: #E0E1DD;
    margin-left: auto;
    margin-right: auto;
    border-radius:15px;
    -webkit-border-radius: 15px;
    -moz-border-radius:15px; /* Firefox 3.6 and earlier */
}
Gewijzigd op 21/06/2012 16:52:38 door George van Baasbank
 
Q S

Q S

21/06/2012 16:59:51
Quote Anchor link
Kun je dan niet beter met <span> gaan werken?
 
Andre Sep

Andre Sep

21/06/2012 17:14:45
Quote Anchor link
Ah! Inderdaad... En als het goed is heeft dit nog nooit gekunt, aangezien <div> <p> etc block-level elementen zijn?

Dus deze zijn altijd max-width (tenzij je het venster verkleind, dan gaat hij naar min-width).

Met een <span> als 'inline-block' lukt het wel:
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
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.variable{
    display: inline-block;
    min-width: 150px;
    max-width: 450px;
    border: solid 1px #000;
}
</style>
</head>
<body>
<div>
<p><span class="variable">Lorem Ipsum komt uit de secties 1.10.32 en 1.10.33 van "de Finibus Bonorum et Malorum" door Cicero, geschreven in 45 v.Chr. De eerste regel van Lorem Ipsum, "Lorem ipsum dolor sit amet..", komt uit een zin in sectie 1.10.32.</span></p>
</div>
<div>
<p><span class="variable">Lorum</span></p>
</div>
</body>
</html>
 
Joakim Broden

Joakim Broden

21/06/2012 18:53:51
Quote Anchor link
div {
display: inline-block;
min-width: 150px;
max-width: 450px;
}

moet gewoon werken, maar als je het alleen voor tekst gaat gebruiken kun je beter span gebruiken aangezien span daarvoor bedoelt is. Span kun je vergelijken als een markeerstift.
 
Andre Sep

Andre Sep

21/06/2012 22:45:48
Quote Anchor link
@Hertog Jan:

Niet helemaal mee eens, daar hebben we namelijk <mark> voor.
<span> is de 'inline' equivalent van de <div> (dat een 'block' level element is).

Het is echter wel weer zo dat je binnen een span eigenlijk nooit afbeeldingen ziet, of blockquotes bv, maar dit is wel toegestaan!
 



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.