abonnement Unibet Coolblue Bitvavo
pi_104385775
Meh het wil niet lukken.
  dinsdag 15 november 2011 @ 09:33:21 #32
137776 boem-dikkie
Jedi Mind Baby!
pi_104385911
quote:
7s.gif Op dinsdag 15 november 2011 09:19 schreef QM84 het volgende:

[..]

Die tijd leven we nog steeds in hoor ;)

Een bottom: 0 met een position static doet evenveel als een bottom 60059237658783786px

Maw: die bottom 0 is leuk, maar overbodig ;) zonder werkt het ook.

Voor alle zekerheid: Wss staat er nog een position: absolute bij.
Bij mij niet, ik begin nooit aan position: absolute e.d. daar heb ik echt altijd ruzie.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  dinsdag 15 november 2011 @ 09:36:34 #33
56176 Catch22-
Ben je Blind?!
pi_104385968
je moet het ook zoveel mogelijk vermijden, maar voor dingen als teasers/sliders e.d. kom je er niet onder uit.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  dinsdag 15 november 2011 @ 09:40:36 #34
50298 QM84
Het Orakel
pi_104386063
quote:
13s.gif Op dinsdag 15 november 2011 09:33 schreef boem-dikkie het volgende:

[..]

Bij mij niet, ik begin nooit aan position: absolute e.d. daar heb ik echt altijd ruzie.
In dat geval, raad ik je dit artikel aan. Legt met voorbeelden op een simpele manier uit hoe positioning precies werkt en wat je van je browser mag verwachten als je er mee gaat zitten rommelen.

Tegelijkertijd, deze is ook interessant, zelfde idee als het andere artikel, maar dan over floats.

Of je absoluut / static position wel of niet gebruikt, is een keuze. Je hoeft het niet per definitie proberen te vermijden: het is er voor een reden. Zeker voor fixed-height containers met veel losse content erin, vind ik het een ideale manier om al die content mooi te krijgen zonder te gaan zitten rotten met floats en clears.
dat dus.
  dinsdag 15 november 2011 @ 10:00:43 #35
137776 boem-dikkie
Jedi Mind Baby!
pi_104386560
Ik gebruik altijd floats en inderdaad alleen voor sliders soms een position:. Zal toch het artikel even lezen, altijd interessant.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  dinsdag 15 november 2011 @ 10:01:47 #36
56176 Catch22-
Ben je Blind?!
pi_104386586
Het is altijd verstandig om rond te kijken wat er mogelijk is, als je het een keer nodig hebt, weet je dat het er is.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_104386891
Ik heb nu het menu een float left gegeven en het tekstveld een float left. Als ik nu daar iets onder wil zetten, dan lukt dat niet en zet hij het tussen het kleine beetje wat er nog over is aan de rechterkant van het tekstveld.

Hoe kan ik het op de volgende "regel" krijgen?
  dinsdag 15 november 2011 @ 10:13:30 #38
56176 Catch22-
Ben je Blind?!
pi_104386905
clear:both/right
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  dinsdag 15 november 2011 @ 10:27:24 #39
12221 Tijn
Powered by MS Paint
pi_104387258
Waarom wordt er zo'n fuss gemaakt over position: absolute? Ik gebruik het regelmatig... wat is het probleem?
  dinsdag 15 november 2011 @ 10:28:22 #40
56176 Catch22-
Ben je Blind?!
pi_104387278
het is maar zelden echt nodig. Het kán voor browserissues zorgen, maar niet als je het goed inkleedt.

ik los eigenlijk _alles_ op met float, dan kom je een eind. Maar zoals met alles is er een tijd en een plaats voor. Ik zie wel eens sites die compleet met position:absolute zijn opgemaakt. Opzich leuk, tot er veel meer content in komt, of er dingen aangepast moeten worden.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  dinsdag 15 november 2011 @ 10:34:39 #41
50298 QM84
Het Orakel
pi_104387412
quote:
5s.gif Op dinsdag 15 november 2011 10:27 schreef Tijn het volgende:
Waarom wordt er zo'n fuss gemaakt over position: absolute? Ik gebruik het regelmatig... wat is het probleem?
Het grootste nadeel van een absoluut gepositioneerd element, is dat deze niet meer automatisch een hoogte krijgt die meetelt in 'de flow' van de pagina. Als je dus meerdere absoluut gepositioneerde elementen hebt, schalen deze niet mooi mee met de content van de pagina, zoals Catch22- hierboven ook al aanhaalt.

Position: absolute (en fixed) is dus alleen handig als je al exact weet hoe hoog je container (parent) gaat zijn en zeker weet dat deze ook niet groter hoeft te worden.
dat dus.
  dinsdag 15 november 2011 @ 10:41:27 #42
12221 Tijn
Powered by MS Paint
pi_104387577
Duidelijk. Ik gebruik het ook niet zoveel voor content, maar meer voor een header of een speciaal blok ofzo die de rest van de site niet in de weg moet zitten. Maar ik ben nooit echt tegen browserissues aangelopen dat ik me kan herinneren, het werkt eigenlijk altijd wel zoals ik verwacht dat het werkt.
pi_104389020
quote:
11s.gif Op dinsdag 15 november 2011 10:13 schreef Catch22- het volgende:
clear:both/right
Werkt goed, die css regel kende ik nog niet.
Geldt dit dat wanneer je een float gebruikt, je deze stopt met clear: both;?
  dinsdag 15 november 2011 @ 11:37:01 #44
12221 Tijn
Powered by MS Paint
pi_104389071
Wanneer je een element clear meegeeft, betekent het dat 'ie onder floatende elementen aan deze kant moet worden geplaatst.
  dinsdag 15 november 2011 @ 11:37:37 #45
56176 Catch22-
Ben je Blind?!
pi_104389102
http://www.alistapart.com/articles/css-floats-101/

:) handig artikel om even te lezen
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_104389465
quote:
11s.gif Op dinsdag 15 november 2011 11:37 schreef Catch22- het volgende:
http://www.alistapart.com/articles/css-floats-101/

:) handig artikel om even te lezen
Erg handig, heeft mij meteen geholpen met het volgende waar ik niet uit kwam. Dat was het toevoegen van een plaatje bij de tekst en deze rechts van de tekst plaatsen.

img {
float: right;
}
  dinsdag 15 november 2011 @ 11:50:11 #47
56176 Catch22-
Ben je Blind?!
pi_104389529
en nog een margin:0 0 5px 5px; erbij natuurlijk ;)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_104390044
quote:
11s.gif Op dinsdag 15 november 2011 11:50 schreef Catch22- het volgende:
en nog een margin:0 0 5px 5px; erbij natuurlijk ;)
Ik heb er inderdaad een margin bij gedaan, gewoon simpel 10px aangezien dat al voldoende is en er goed uit ziet.
pi_104390395
quote:
14s.gif Op dinsdag 15 november 2011 09:16 schreef boem-dikkie het volgende:
Ik heb mijn content op min-height: 800px staan, en de height op 100%. En dan de footer op bottom: 0;
Volgens mij moet je ook je html en/of body een height van 100% geven, anders werkt het niet. Als je googled op "100% height css" of "sticky footer css" zijn er genoeg voorbeelden te vinden in ieder geval.
quote:
14s.gif Op dinsdag 15 november 2011 10:41 schreef Tijn het volgende:
Duidelijk. Ik gebruik het ook niet zoveel voor content, maar meer voor een header of een speciaal blok ofzo die de rest van de site niet in de weg moet zitten. Maar ik ben nooit echt tegen browserissues aangelopen dat ik me kan herinneren, het werkt eigenlijk altijd wel zoals ik verwacht dat het werkt.
't is meer dat het een veelgemaakte beginnersfout (/cheapass-wysiwyg-sitebuilder-fout) is om alle elementen domweg met position:absolute naar hun plaats te schuiven, om vervolgens erachter te komen dat de elementen niet meer meeschalen met hun content en de helft van je site buiten beeld staat zonder scrollbalk bij iemand die zijn browser niet fullscreen heeft. Waar men dan weer de meest creatieve oplossingen voor probeert te vinden zonder het fundamentele probleem aan te pakken: Je site heeft geen flow.
Als je position:absolute gewoon gebruikt waar het nodig is en de voor- en nadelen kent is er niets mis mee.
  dinsdag 15 november 2011 @ 12:32:09 #50
56176 Catch22-
Ben je Blind?!
pi_104390757
quote:
0s.gif Op dinsdag 15 november 2011 12:05 schreef Dimens het volgende:

[..]

Ik heb er inderdaad een margin bij gedaan, gewoon simpel 10px aangezien dat al voldoende is en er goed uit ziet.
een margin rechts met float right zorgt er wel voor dat je afbeelding rechts niet mooi uitlijnt met je content.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_104390929
quote:
11s.gif Op dinsdag 15 november 2011 12:32 schreef Catch22- het volgende:

[..]

een margin rechts met float right zorgt er wel voor dat je afbeelding rechts niet mooi uitlijnt met je content.
In dit geval wel, daar waar de tekst eindigt, eindigt ook het plaatje. Hij staat nu echt perfect, in elke browser ook. _O_
  dinsdag 15 november 2011 @ 13:12:41 #52
137776 boem-dikkie
Jedi Mind Baby!
pi_104391792
quote:
0s.gif Op dinsdag 15 november 2011 12:39 schreef Dimens het volgende:

[..]

In dit geval wel, daar waar de tekst eindigt, eindigt ook het plaatje. Hij staat nu echt perfect, in elke browser ook. _O_
En zodra je meer tekst hebt?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_104391863
quote:
14s.gif Op dinsdag 15 november 2011 13:12 schreef boem-dikkie het volgende:

[..]

En zodra je meer tekst hebt?
Ja ook.
De tekst heeft ook een margin van 10px van de zijkant, vandaar dus dat het perfect uitkomt.
  dinsdag 15 november 2011 @ 13:16:28 #54
56176 Catch22-
Ben je Blind?!
pi_104391894
je kan in zo'n geval beter een padding op de container zetten, meestal.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_104393312
Website is zo ongeveer af, alleen nog wat informatie wat erin moet worden gezet door mijn broer maar daar kan ik verder niet aan doen. Gelukkig werkt het nu in elke browser goed en ziet het er in elke browser zo uit als het hoort.

Tevens: Galleria _O_
Werkt ook perfect met touch screen telefoons.

[ Bericht 28% gewijzigd door #ANONIEM op 15-11-2011 14:13:37 ]
  woensdag 16 november 2011 @ 11:39:30 #56
42636 TheSeeker_NL
Damn fine coffee
pi_104430308
Ik merk dat ik moeite heb de juiste aanpak te vinden voor het positioneren.

Ik wil begrijpen hoe je een icoon naast een header kan positioneren. Hij zou gedeeltelijk buiten de div moeten vallen zoals hieronder:



Het gaat mij om die "pagina" icoon links boven.

Ik begrijp niet wat hiervoor de juiste aanpak is. Met position:absolute en een z-idex die hoger is zou je zo'n icoon daar kunnen plaatsen volgens mij, maar het lijkt nogal omslachtig als je 10 van die iconen hebt of als er iets aan de afmetingen van het ontwerp veranderd. Het lijkt me dat er een betere oplossing is. Kan iemand mij de goede richting op sturen?
  woensdag 16 november 2011 @ 11:41:48 #57
91039 mstx
2x1/2 = 1/2 x 1/2
pi_104430373
quote:
0s.gif Op woensdag 16 november 2011 11:39 schreef TheSeeker_NL het volgende:
Ik merk dat ik moeite heb de juiste aanpak te vinden voor het positioneren.

Ik wil begrijpen hoe je een icoon naast een header kan positioneren. Hij zou gedeeltelijk buiten de div moeten vallen zoals hieronder:

[ afbeelding ]

Het gaat mij om die "pagina" icoon links boven.

Ik begrijp niet wat hiervoor de juiste aanpak is. Met position:absolute en een z-idex die hoger is zou je zo'n icoon daar kunnen plaatsen volgens mij, maar het lijkt nogal omslachtig als je 10 van die iconen hebt of als er iets aan de afmetingen van het ontwerp veranderd. Het lijkt me dat er een betere oplossing is. Kan iemand mij de goede richting op sturen?
Ik zou hem relatief positioneren en iets naar linksboven schuiven.
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_104430394
inderdaad, relatief positioneren. Of nog makkelijker: gewoon negatieve margins geven.
  woensdag 16 november 2011 @ 11:45:11 #59
42636 TheSeeker_NL
Damn fine coffee
pi_104430462
Okay, maar met relatief positionering blijft de icon toch wel binnen de div en kan hij niet "overlappen"?

En negatieve margins ga ik doen. Klinkt zo logisch maar als je het niet weet kom je er niet op :)
pi_104430611
Nee hoor je kan 'm overal heenschuiven. Overigens kan absoluut positioneren ook prima. Moet je wel het element waar hij in zit (de header?) ook een position geven, anders positioneer je t.o.v. de linkerbovenhoek van het browservenster.
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')