28172 sujets

CSS et mise en forme, CSS3

Je me demander comment est-il possible de faire en sorte qu’un site web s’affiche toujours en plein écran peux importe la résolution qu’utilise l’internaute,
Exemple, le site informatique « infos-du-net.com »
J’ai fait des tests, et le site s’affiche en plein écran , qu’on soit en 800x600 , 1024x768 , 1280x1024
Le site s'affiche en plein écran sur les petites résolutions parce que les comportements par défauts des balises bloc comme "section" n'ont pas été changées. Par défaut, la largeur d'un élément de type bloc prendra 100% de son contenant, donc la fenêtre.

Par contre sur mon écran de 17.3 pouces, le contenu du site est centré. La balise "section" à la classe '.page' qui contient les règles:


max-width: 1140px;
width: auto;


qui permettent de limiter la largeur du bloc et le centrer. Donc pour afficher un site plein écran, ne pas définir une largeur aux éléments de type bloc.
Merci infiniment. voici mon site « http://www.datasms.ma/mdcing/ » c'est un site wordpress mais malheureusement dans la page style.css il n'y a que ça

/*
Theme Name: Virtue
Theme URI: https://kadencethemes.com/product/virtue-free-theme/
Description: The Virtue theme is extremely versatile with tons of options, easy to customize and loaded with great features. Virtue has Schema microdata integrated making it a step ahead for your sites SEO ranks. The clean modern design is built with html5 and css3 and uses the powerful responsive framework from Bootstrap to be a fully responsive and mobile friendly. It's fully ecommerce (Woocommerce) ready with all the tools you need to design an awesome online store. The versatile design is perfect for any kind of business, online store, portfolio or personal site. Virtue is Schema ready. We built Virtue with a powerful options panel where you can set things like your home layout, sliders, custom fonts, and completely customize your look without writing any CSS. You are going to love how easy this theme is to work with. Virtue was built and designed by <a href="http://kadencethemes.com/">Kadence Themes</a>.
Version: 2.8.5
Author: Kadence Themes
Author URI: https://kadencethemes.com/
Tags: responsive-layout, two-columns, one-column, custom-colors, custom-header, custom-menu, featured-images, translation-ready, theme-options, photoblogging, blog, e-commerce, portfolio
Text Domain: virtue

License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
*/
Comment je peux résoudre mon problème ??
Ah je vois. En inspectant le code source de la page, je vois que le CSS est géré de 2 façons: bootstrap et dans les balises HTML. Je sais pas trop comment faire dans ce cas. Je m'y connais pas trop en Wordpress. Faudra trouver une façon de réécrire les règles CSS dans un nouveau fichier et d'inclure ce fichier à la place.
Le but c'est d’afficher mon site en plein écran peux importe la résolution qu’utilise l’internaute, je sais où je peux mettre le code c'est dans css personnalisé (tu peux mettre du CSS la bas, c'est une page vide) mais le problème c'est que je m'y connais pas trop en CSS
Il y aura plein de règles à retirer par exemple, la classe '.container', et la règle 'max-width: 905px'. Inspecter le code source et vous verrez.