Momenteel ben ik bezig met een Drupalwebsite te maken.
Op mijn website staan links nu twee blokken met rechts ervan de inhoud.
Natuurlijk is deze website responsieve maar wanneer ik deze bekijk op mijn smartphone, staan de twee blokken bovenaan met daaronder de inhoud.
Kan ik deze volgorde veranderen? De inhoud zou vanboven moeten komen.
Alvast bedankt.
Datum van inzending:
vrijdag 22 mei 2015 - 17:00
HTML:
<div class="container clearfix">
<div class="content">content moet eerst verschijnen</div>
<div class="linkerkolom">linkerkolom float links</div>
</div>
CSS:
@media only screen and(min-width :320px)and(max-width :960px)
{
.content {width: 100%;} /* eigenlijk is een div vanzelf al 100%, je hoeft dit niet noodzakelijk in te stellen*/
.linkerkolom {width: 100%;}
}
@media only screen and (min-width: 961px)
{
.content {float: left; width: 25%;}
.linkerkolom {float: right, width: 75%;}
}
/* CLEARFIX: Automatically clear elements for standards-compliant browsers */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Trigger has-layout for IE compatibility */
.clearfix {
zoom: 1;
}
www.nordicmaterial.com