CSS – Un contenu pleine page avec 2 colonnes de taille fixe

Une petite astuce CSS très rapidement. Comment faire un contenu pleine page avec une colonne à gauche et à droite qui ont une taille bien définie ? La réponse avec le petit bout de code ci-dessous :

• Le code HTML :

1
2
3

<div class="col_milieu">Le contenu du milieu</div>
<div class="col_gauche">La colonne de gauche</div>
<div class="col_droite">La colonne de droite</div>

• Le code CSS :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

.col_milieu{
	float:left;
	width:100%;
	background:grey;
}
.col_gauche{
	float:left;
	margin-left:-100%;
	min-height:270px;
	overflow:hidden;
	width:168px;
	background:red;
}
.col_droite{
	float:left;
	margin-left:-168px;
	min-height:270px;
	overflow:hidden;
	width:168px;
	background:yellow;
}

Vous pouvez tester avec une live démo

Nouvelle réalisation

Un projet qui m’a pris pas mal de temps puisqu’il fallait revoir l’ensemble de la charte visuelle du site et la création d’un nouveau logo.

Merci la Poste (bis)…

C’est souvent compliqué avec la Poste. J’avais deux colis en attente, le tracking m’indiquait « Tentative de livraison ». Il y a de quoi avoir les chocottes avec un statut comme ça. Vendredi je n’avais toujours rien. Et là, surprise quand le soir, à 19h40, le relais coliposte m’appelle pour me dire que le livreur n’arrive pas à rentrer dans la résidence. Un vendredi à 19h40, recevoir un coup de fil de la poste, ça doit être assez rare. Le lendemain je suis livré de mes précieux colis. Pour une fois, merci la Poste

Dedans, il y a un sac Airlines Original. Il me fallait une sacoche pour ranger mon bordel et j’ai trouvé le concept assez sympa. C’est des répliques des sacs de cabine  aux couleurs de compagnies aériennes. Accroché au sac, un sifflet de gilet de sauvetage (en porte-clé maintenant, si je suis en perdition sur l’autoroute) et les consignes de sécurité de l’aviation, qu’on retrouve aussi à l’intérieur.

L'ensemble du colis

Les instructions de sécurité

A l'intérieur du sac

Le sticker a trouvé sa place

L’autre colis vient d’Amazon. C’est des livres Making-Of  sur les deux derniers films d’animation Pixar  (Là-haut et Toy Story 3). Tout en anglais mais, apparemment, c’est à lire… On va voir ça =)

Break

Un vrai break de 10 jours en Sicile pour avoir chaud, avec le soleil et la mer. L’occasion de voir des paysages magnifiques, de visiter une région que je connaissais pas et de faire de belles photos.

Au programme : Marsala, Trapani, Erice, Adrano, l’Etna, Taormina, Castelmola, Syracuse, Palerme

C’était assez cool =)