Thread: Hoe maak ik dit responsive?
-
31-12-2013, 18:03 #1
Hoe maak ik dit responsive?
Voor een website van mij moet ik dit responsive kunnen maken, maar ik heb geen idd hoe ik dit moet doen.
Code:<div class="container"> <div class="vak1"></div> <div class="vak2"></div> <div class="vak3"></div> <div class="vak4"></div> </div>Hoe kan ik hier het best aan beginnen?Code:.container { margin-right: auto; margin-left: auto; position: relative; height: 456px; width: 742px; top: 15%; } .vak1 { width: 344px; height: 216px; background-color: #666; position: absolute; top: 65px; left: 0px; float:left; } .vak2 { width: 230px; height: 129px; background-color: #666; position: absolute; top: 298px; left: 114px; float:left; } .vak3 { width: 305px; height: 211px; background-color: #666; position: absolute; top: 0px; right: 73px; float:left; } .vak4 { width: 380px; height: 225px; background-color: #666; position: absolute; bottom: 0; right: 0px; float:left; }
mvg,
Olivierno votes
-
-
01-01-2014, 17:48 #2Member
- Registered
- 16/04/08
- Location
- Hong Kong
- Posts
- 1,989
- iTrader
- 6 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 7/9
Je wilt dat je breedte flexibel is, maar je gebruikt een vaste waarde
Hoe begin je hier het best aan? Gebruik een flexibele waarde.Code:width: 742px;
no votes
-
01-01-2014, 18:43 #3Member
- Registered
- 17/07/02
- Location
- Sol System
- Posts
- 10,064
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 27/78
PSN: dJeezBE - Delicious bookmarks
Disclaimer: I am currently suffering from severe CSD (Compulsive Sarcasm Disorder). - L'onion fait la farce - Facile largire de alienoPastafarian by choiceno votes
-
01-01-2014, 18:58 #4
Je kan ook gewoon met mediaqueries werken natuurlijk of met een alternatief stylesheet voor mobile. Dan kan je gerust gebruik maken van niet-flexibele waarden.
no votes
-
03-01-2014, 21:42 #5Member
- Registered
- 22/05/09
- Location
- Geraardsbergen
- Posts
- 257
- iTrader
- 7 (100%)
- Mentioned
- 0 Post(s)
Al gedacht om een grid te gebruiken?
no votes
-
16-01-2014, 13:02 #6Member
- Registered
- 07/11/03
- Location
- Bree
- Posts
- 6,239
- iTrader
- 158 (99%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Ik zou mediaqueries gebruiken...
CSS3 Media Querieswebdeveloper / gamerno votes
-
16-01-2014, 13:49 #7Approved 9-lifer
- Registered
- 03/12/03
- Location
- Oostende
- Posts
- 2,599
- iTrader
- 78 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 7/10
weer 1 die een vraag komt stellen (1post), in de hoop gewoon een oplossing te krijgen, en die verder niet reageert... mja reflectie van de realiteit zeker? bah.. /rant
no votes
-
16-01-2014, 18:18 #8Member
- Registered
- 28/07/02
- Location
- Gent
- Posts
- 2,195
- iTrader
- 19 (91%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/144
HTML5 boilerplate
twitter bootstrap
google deze effe. Zal u een hele hoop miserie besparen.no votes
-
16-01-2014, 20:25 #9Member
- Registered
- 17/07/02
- Location
- Sol System
- Posts
- 10,064
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 27/78
PSN: dJeezBE - Delicious bookmarks
Disclaimer: I am currently suffering from severe CSD (Compulsive Sarcasm Disorder). - L'onion fait la farce - Facile largire de alienoPastafarian by choiceno votes

