CSS overflow: hidden

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full Stack Developer Industriële Automatiseri

Raster wordt continu betrokken bij complexe en baanbrekende projecten in industriële automatisering. Ons team is gespecialiseerd in productie automatisering en proces automatisering projecten waarin procesveiligheid een belangrijk aspect is. Ons compact en groeiend OX (Operational Excellence) team ontwikkelt, configureert en levert support op zelfontwikkelde applicaties waarmee onze klanten hun productieprocessen slimmer, sneller, goedkoper en veiliger maken. Operational Excellence wordt zichtbaar gemaakt in resultaten. Bij bedrijven met dezelfde strategie, zal een operationeel excellent bedrijf een lager operationeel risico, lagere operationele kosten hebben en relatief meer winst maken. Het Raster OX team laat haar klanten de resultaten behalen door hun eigen procesdata

Bekijk vacature »

allround systeembeheerder MSA

De Montessori Scholengemeenschap Amsterdam is een scholengroep voor voortgezet montessori-onderwijs in Amsterdam, met meerdere locaties in Amsterdam en in totaal ruim 450 medewerkers en 4200 leerlingen. De MSA heeft een lange traditie in het in stand houden en ontwikkelen van kwalitatief en hoogstaand voortgezet montessori-onderwijs. Het bedrijfsbureau vervult een ondersteunende functie voor de scholen en het bestuur. Doel van het bedrijfsbureau is om vraag- en resultaatgerichte dienstverlening te bieden waardoor het bestuur, de schooldirecties en alle medewerkers van de MSA hun werkzaamheden optimaal kunnen verrichten. Het bedrijfsbureau ondersteunt de scholen op het gebied van bedrijfsvoering en financiën, integraal personeelsbeleid, huisvesting,

Bekijk vacature »

Java Developer @ Utrecht

2021-06-08 iSense Java Developer Do you like DevOps way of working? Are you looking for an exciting opportunity where latest and greatest technologies are applied? Would you like to take responsibility in each and every step of software development lifecycle ? ISKE50115 Organization You will work at global financial organization with a head office in the Netherlands. You will be part of one of the most important departments in the core banking domain. The organization has a very strong commitment to the collaboration and communication culture among different development teams. You are going to work in a squad that is

Bekijk vacature »

.Net Developer / Azure / Angular / SaaS @ Amsterda

2021-08-27 iSense .Net Developer Azure Angular SaaS Would you like to work in a young and innovative SaaS company with their office in the city center of Amsterdam? Do you thrive in an environment with a lot of freedom and responsibility? Then this might be your next step! ISKE48834 Nieuw Company profile This company is an international operating SaaS company that, with their software, tries to improve the heatlh and luck of employees worldwide. Every year at least 2 million people use their software in their own language. The employees of this company can be described as a young, enthusiastic,

Bekijk vacature »

Java Developer bij InTraffic

Werken aan innovatieve oplossingen die onmisbaar zijn voor iedereen en dus ook voor jou als reiziger? Als Java Developer bij InTraffic kan jij een waardevolle bijdrage leveren! Hoe? Het ontwerpen en ontwikkelen met Java in een van onze complexe projecten. Waarom? Om een beter en veiliger OV in Nederland te creëren. Waar? Bij InTraffic in Nieuwegein, dé IT-specialist op het gebied van verkeer en vervoer. Met wie? Met een scrumteam van tussen de 3 en 9 professionals. Jouw rol als Java Developer Binnen onze complexe IT-omgeving van verkeer en vervoer spelen vele interessante projecten. Hierbij kun je denken aan migraties

Bekijk vacature »

Business Developer Zakelijke Proposities

Bouw mee aan een nieuwe afdeling binnen Coolblue Zakelijk, namelijk Closed Community, door bijvoorbeeld een nieuwe propositie rondom Kerst op te zetten en in te richten voor zakelijke klanten waarbij jij de klant helpt van A tot Z. Wat doe je als Business Developer Zakelijke Proposities bij Coolblue? Ben jij sterk in project- en relatiemanagement en heb je een commerciële drive? Lijkt het je leuk om aan de slag te gaan met zakelijke klanten en lijkt het je leuk om zelf een eigen propositie in de markt te zetten? Dan is deze functie jouw perfecte match! Business Developer Zakelijke Proposities

Bekijk vacature »

Software Developer Azure .NET

Eindhoven Bij OrangeNXT werken wij met een team dat beschikt over diepgaande kennis en expertise over digitale transformatie. Wij brengen people, devices en data moeiteloos bij elkaar. Dit doen we met een team dat bestaat uit diverse expertises: data engineers, data scientist, azure developers en we hopen jou als .NET (en Azure) developer aan ons team toe te voegen! Ben jij een kei in het ontwerpen en coderen van software, maar wil je meer dan dat? Ben je klaar voor een volgende stap en heb je een gezonde groei ambitie? Dan zijn wij op zoek naar jou. Ter uitbreiding van

Bekijk vacature »

Python Developer @ Utrecht

2021-09-06 iSense Python Developer Do you like working with Data? Do you have experience in Python and Azure Cloud? Would you like to implement data modelling and processing applications on top of Azure Native Services? Search no further because we have the vacancy for you! ISKE50429 Organization We are looking for several Python Developers who enjoy programming. Together with your team you will design and develop maintainable systems that allow the organization to calculate it’s credit risk. You will have opportunity to remain abreast of the latest market and technological developments and incorporate these in the execution of your development

Bekijk vacature »

Front-end Developer / HTML / JavaScript @ Utrecht

2021-09-27 iSense Front-end Developer / HTML / JavaScript Ben jij een Front-end Web Developer met minimaal 3 jaar ervaring en vindt je het te gek om te werken aan de vernieuwing van een web platform met daarbij een nieuwe responsive (mobiele) applicatie? Lijkt het je leuk om te werken bij een hechte organisatie die inmiddels een grote en bekende speler is geworden op HR gebied binnen Nederland? Lees dan nu verder! ISRI51000 Organisatie Als front-end developer ga je aan de slag bij een organisatie die de afgelopen jaren gegroeid is naar een bekende speler op HR gebied binnen Nederland. Hun

Bekijk vacature »

Backend .NET Developer @ regio Den Haag

2021-03-09 iSense Backend .NET Developer Ben jij een backend .NET Developer en heb je een passie voor voetbal? Beschik je daarbij ook over ervaring met .NET Core? Neem dan snel contact op voor meer informatie! ISSL47657-2 Nieuw Organisatie Binnen deze organisatie in de regio Den Haag zal je als .NET Developer terecht komen in een multidisciplinair team met 5 andere Programmeurs. In jouw rol ben je verantwoordelijk voor het ontwikkelen en optimaliseren van mobiele applicaties met meer dan 4 miljoen gebruikers wereldwijd. Als Backend Developer zal je dagelijks werken met C#, .NET Core, Kubernetes en een SQL Database. Voor het

Bekijk vacature »

Application Developer / IT Support

Deze vacature wordt vervuld in samenwerking met Randstad. Ben jij geïnteresseerd en wil je solliciteren? Klik dan op 'solliciteren op werkgever site'. Je wordt dan direct doorgestuurd naar Randstad.nl. Functieomschrijving Dow Site Logistics bedient een groot aantal fabrieken en bedrijven van Dow. De afdeling beheert de stroom van materialen die Dow Terneuzen binnenkomen of verlaten. Voor de Site Logistiek zijn wij op zoek naar een applicatiebeheerder. Als applicatiebeheerder ben je lid van het WPIT team. Dit team ondersteunt de afdeling Site Logistiek op gebied van IT, applicatieontwikkeling, training en rapportages. wat bieden wij jou € 2750 - € 3250 bruto

Bekijk vacature »

Umbraco Developer @ Regio Den Haag

2021-10-06 iSense Umbraco Developer Ben jij een ervaren Full stack developer met ruime ervaring binnen een CMS systeem? En heb je ervaring met full stack development binnen een Microsoft omgeving? Lees dan snel verder! ISBA49656 Nieuw Organisatie Voor een semi-overheidsorganisatie in de regio Den Haag zijn we opzoek naar een ervaren Developer, die kennis heeft of wilt ontwikkeling op Umbraco vlak. Je zal verantwoordelijk worden voor het ontwikkelen van het huidige platforms en nieuwe web-omgevingen. Als developer binnen dit team ga je zorg dragen voor het ontwikkelen door middel van onder meer C# en Azure. Ook ontwikkel je koppelingen met

Bekijk vacature »

Python Developer @ Amsterdam

2021-09-29 iSense Python Developer Ben jij een Python Developer die niets van de wereld wil missen? Wil jij dat jouw werkzaamheden zichtbaar zijn voor een groot publiek? Beschik jij over kennis van de modernste technieken en ben je in staat snel te switchen tussen verschillende projecten? Lees dan snel verder! ISRI51191 Organisatie Onze klant is een ambitieus mediabedrijf, gevestigd in Amsterdam. Om dagelijks tienduizenden mensen te voorzien van het laatste nieuws gebruiken zij diverse digitale middelen. Denk hierbij aan een website, mobiele nieuwsweergave en applicaties. Als Python Developer draag jij zorg voor deze digitale middelen; veel mensen maken hier gebruik

Bekijk vacature »

Software Developer React Native @ Regio Den Bosch

2021-07-22 iSense Software Developer React Native Heb je al minimaal enige ervaring met het bouwen van geavanceerde apps met React Native en wil je je hierin verder verdiepen? Wil je graag werken bij een ambitieus bedrijf dat de grootste bedrijven van Nederland als klanten heeft? Dan is dit dé vacature voor jou! ISMO50518 Organisatie Voor onze klant, een ambitieus en vooruitstrevend bedrijf in regio Den Bosch, zoeken we een Software Developer die met React Native aan de slag gaat. Het bedrijf werkt voor verschillende bedrijven en heeft de grootste organisaties van Nederland als klanten! Je komt te werken in een

Bekijk vacature »

Senior .Net Developer (fixed & interim)

What are you going to do? All our T-Mobile Thuis systems are developed internally by our enthusiastic and self-organized scrum/DevOps teams. These are responsible for the analysis, the functional design and the realization of software solutions (applications / systems) that support the customer processes and the activation of the services in the network and on the platforms. The developments in IT are moving fast and we believe that you need hands-on expertise in implementing the new technology in order to be able to value these. We are therefore looking for experienced candidates who can and want to combine the role

Bekijk vacature »
Milo S

Milo S

17/03/2011 17:16:11
Quote Anchor link
Beste,

Ik stuit in mijn nieuwe lay-out op een CSS probleem... Ik heb aan de rechterkant een kolom, welke zich met 95 pixels omhoog trekt door middel van een negatieve margin top.
Na goed, dit werkte allemaal fijn tot ik er achter kwam dat mijn content niet mee groeide. Ik gebruik hier altijd voor:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
div.wrapper {
    width: 1000px;
    min-height: 200px;

    overflow: hidden;
}


Zoals te verwachten zorgt overflow hidden ervoor dat de box die zich zo mooi omhoog trok voor een deel niet zichtbaar meer is...

Links verwijderd...

Weet iemand hoe ik dit op kan lossen? Ik zie namelijk door de bomen het bos niet meer...
Gewijzigd op 17/03/2011 19:51:28 door Milo S
 
PHP hulp

PHP hulp

16/10/2021 07:43:25
 
Yea Rupie

Yea Rupie

17/03/2011 17:21:41
Quote Anchor link
Zijn dat dezelfde sites?
ze zien er heel erg anders uit..
 
Robert  dat ben ik

Robert dat ben ik

17/03/2011 17:22:21
Quote Anchor link
z-index gebruiken?
 
Milo S

Milo S

17/03/2011 17:27:33
Quote Anchor link
@ Yea Rupie:
Ja dat zijn dezelfde site's alleen de 1e link is van een printscreen, met dus firefox er omheen en de 2e is de html versie die nog niet helemaal af is...

@ MadHouse:
Laat ik daar nu net geen hol van snappen... heb het al op meerdere manieren geprobeerd. Het gaat bij mij ook niet zo makkelijk, want ik maak geen gebruik van position, met de simpele reden dat ik het nooit nodig heb gehad, en ik niet doorheb hoe het dus moet.
Gewijzigd op 17/03/2011 17:29:37 door Milo S
 
Robert  dat ben ik

Robert dat ben ik

17/03/2011 17:29:13
Quote Anchor link
z-index is een optie in css om je Divjes op een soort van lagen te zetten

z-index 1 is laag 1

z-index 2 is laag 2 enz enz
Gewijzigd op 17/03/2011 17:29:38 door Robert dat ben ik
 
Yea Rupie

Yea Rupie

17/03/2011 17:36:18
Quote Anchor link
Even een vraag, waarom gebruik je voor ieder kopje H1?
Normaal gebruik je H1 maar soms en dan H2 en H3? (denk aan zoekmachines)

Ook gebruik je h7 die volgens mij niet bestaat?
 
Milo S

Milo S

17/03/2011 17:40:28
Quote Anchor link
@ Madhouse; Ja dat snap ik nog wel, maar je kan het alleen gebruiken zodra je position gebruikt in CSS, en dat doe ik niet...

@ Yea Rupie; Ehm, geen flauw benul eigenlijk? Moet ik nog een keer naar kijken. En dat is een typ fout!
 
Robert  dat ben ik

Robert dat ben ik

17/03/2011 17:41:30
Quote Anchor link
Yea Rupie op 17/03/2011 17:36:18:
Ook gebruik je h7 die volgens mij niet bestaat?



h7 kan wel bestaan als je zelf de css aan maakt in je style.css

ligt er alleen aan hoe je deze weer naar voren haalt

plus dat het altijd handig is om bij je html tags een title mee te geven waar het voor dient.

en bovendien kun je bij google en zo bepaalde tags/id's ook laten nergeren
 
Wouter J

Wouter J

17/03/2011 17:41:31
Quote Anchor link
De manier hoe je dit het beste kunt doen is door geen min-height en overflow te gebruiken, maar door je floats te clearen:
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 id="wrapper">
    <div id="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non rhoncus mi. Mauris eros ligula, pulvinar vitae malesuada quis, adipiscing vitae arcu. Nunc consectetur vehicula ultricies.</p>
    </div>
    <div id="sidebar">
        <h2>Contact</h2>
        <p>PHPhulpstraat 52<br />
        5225PH PURMEREND<br />
        PHPhulp@mijnSite.nl<br />
        052-5216816</p>
        <h2>Informatie</h2>
        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
    </div>
    <div id="clear"></div>
</div>

En dan geef je #clear alleen clear: both; mee.
MaDHouSe xxxx op 17/03/2011 17:41:30:
h7 kan wel bestaan als je zelf de css aan maakt in je style.css

Als een tag niet bestaat mag je hem niet zelf gaan maken. Browser accepteren dat niet, gebruik alleen tags die bij W3C geselecteerd staat!
MaDHouSe xxxx op 17/03/2011 17:41:30:
plus dat het altijd handig is om bij je html tags een title mee te geven waar het voor dient.

Dat kan je in de comments zetten, eigenlijk is het alleen bij de anchor tags zo dat het handig is.
Gewijzigd op 17/03/2011 17:43:47 door Wouter J
 
Yea Rupie

Yea Rupie

17/03/2011 17:44:37
Quote Anchor link
MaDHouSe xxxx op 17/03/2011 17:41:30:
en bovendien kun je bij google en zo bepaalde tags/id's ook laten nergeren


Grapje? Volgens mij wil je juist dat google alles van je site weet en dat hij makkelijk te vinden is via google?
 
Milo S

Milo S

17/03/2011 17:47:17
Quote Anchor link
@ Wouter;
Dus als ik het goed begrijp moet ik onder al me content en info bar een div aanmaken die aan beide kant gecleared is? En me hoogte dan weghalen, of een vaste hoogte?
Gewijzigd op 17/03/2011 17:47:46 door Milo S
 
Robert  dat ben ik

Robert dat ben ik

17/03/2011 17:48:29
Quote Anchor link
Yea Rupie op 17/03/2011 17:44:37:
Grapje? Volgens mij wil je juist dat google alles van je site weet en dat hij makkelijk te vinden is via google?



nee ik wil niet dat google alles pakt van me website

stel ik heb leden dan wil ik bijv niet dan al mijn leden paginas op google komen

dus dan sluit ik die title of id tag af bij google en word ie genegeerd

kan ook anders opgelost worden door je robot.txt in te voeren
en eventuweel een sitemap te maken of .htaccess

maar het is mogelijk om bepaalde tags te nergeren.
Gewijzigd op 17/03/2011 17:48:57 door Robert dat ben ik
 
Milo S

Milo S

17/03/2011 17:50:42
Quote Anchor link
@ Wouter;
Je bent me held! Hij doet het :D.

@ Madhouse & Yea Rupie;
Ik ga na me laatste foutjes opgelost te hebben nog eens kijken na dat h2 gedoe :P! Heb hiervoor altijd gewoon overal span voor gebruik :$ :$ :$.

Danku voor de moeite!
Gewijzigd op 17/03/2011 18:10:25 door Milo S
 
Wouter J

Wouter J

17/03/2011 17:51:51
Quote Anchor link
Even een voorbeeldje van een soort van jou site, dan snap je het waarschijnlijk:
http://waldio.webatu.com/CSS/clear_float.htm
 
Yea Rupie

Yea Rupie

17/03/2011 17:51:59
Quote Anchor link
MaDHouSe xxxx op 17/03/2011 17:48:29:
Yea Rupie op 17/03/2011 17:44:37:
Grapje? Volgens mij wil je juist dat google alles van je site weet en dat hij makkelijk te vinden is via google?



nee ik wil niet dat google alles pakt van me website

stel ik heb leden dan wil ik bijv niet dan al mijn leden paginas op google komen

dus dan sluit ik die title of id tag af bij google en word ie genegeerd

kan ook anders opgelost worden door je robot.txt in te voeren
en eventuweel een sitemap te maken of .htaccess

maar het is mogelijk om bepaalde tags te nergeren.


Als ik naar de site kijk lijkt het mij dat er niks verborgen moet blijven?
 
Robert  dat ben ik

Robert dat ben ik

17/03/2011 18:12:24
Quote Anchor link
nee maar je heb het over h7 die niet bestaat

terwijl je die wel kan maken alleen of het praktisch is nee.

en heel soms kunnen er wel dingen zijn die op hide staan maar dat is weer een ander verhaal.
 
Wouter J

Wouter J

17/03/2011 18:15:35
Quote Anchor link
MaDHouSe xxxx op 17/03/2011 18:12:24:
nee maar je heb het over h7 die niet bestaat
terwijl je die wel kan maken alleen of het praktisch is nee.

Wouter J op 17/03/2011 17:41:31:
Als een tag niet bestaat mag je hem niet zelf gaan maken. Browser accepteren dat niet, gebruik alleen tags die bij W3C geselecteerd staat!

MaDHouSe xxxx op 17/03/2011 18:12:24:
en heel soms kunnen er wel dingen zijn die op hide staan maar dat is weer een ander verhaal.

En als je dit vaak doet krijg je een ban bij google...
 
Robert  dat ben ik

Robert dat ben ik

17/03/2011 18:34:22
Quote Anchor link
daarom ook het nergeren van tags en id en of anders gewoon een robot.txt of een .htaccess file maken wat mijn een betere optie lijkt dan dingen op hide te zetten

maar het was maar een voorbeeld om te vertellen dat je uiteraard wel tags zelf kan maken maar het niet handig is om dit te doen :)
 
Wouter J

Wouter J

17/03/2011 18:57:54
Quote Anchor link
MaDHouSe xxxx op 17/03/2011 18:34:22:
daarom ook het nergeren van tags en id en of anders gewoon een robot.txt of een .htaccess file maken wat mijn een betere optie lijkt dan dingen op hide te zetten

maar het was maar een voorbeeld om te vertellen dat je uiteraard wel tags zelf kan maken maar het niet handig is om dit te doen :)

Het gaat mij in het geval van eigen tags niet om google, maar om de gebruiker. Eigen tags moet je niet maken, want een browser herkent hem niet, gaat foutmeldingen weergeven, enz.
 
Yea Rupie

Yea Rupie

17/03/2011 18:59:16
Quote Anchor link
Wouter J op 17/03/2011 18:57:54:
MaDHouSe xxxx op 17/03/2011 18:34:22:
daarom ook het nergeren van tags en id en of anders gewoon een robot.txt of een .htaccess file maken wat mijn een betere optie lijkt dan dingen op hide te zetten

maar het was maar een voorbeeld om te vertellen dat je uiteraard wel tags zelf kan maken maar het niet handig is om dit te doen :)

Het gaat mij in het geval van eigen tags niet om google, maar om de gebruiker. Eigen tags moet je niet maken, want een browser herkent hem niet, gaat foutmeldingen weergeven, enz.


Hiervoor zijn dus eigenlijk divs, die kun je een eigen naam geven.
 
Robert  dat ben ik

Robert dat ben ik

17/03/2011 19:00:37
Quote Anchor link
net wat ik dus al bedoel te zeggen gewoon niet doen het is niet praktisch en wie gebruikt nou h7 :P ik niet :P
 



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.