Logo GNT
Actualités Tests & Guides Bons Plans
GTA 6 iPhone 17 Copilot Switch 2 Temu ChatGPT Tesla
OVH Cloud OVH Cloud
Entraide Développement Développement Langage JavaScript Aide sur Css

Aide sur Css

1 réponse
Avatar
leila
Bonjour,

Execuez moi d'avance si je ne sais pas dans le bon group pour poser ma
question CSS. Voila, je posotione mes dives comme un tableau 3*3 mais
quand je change la taille de mon navigateur (FF) ca devient presque
n'import quoi. Pourant je n'utilise que des % et pas des px.

Merci pour vos adies

=============== <pre>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head> <title> Boites flottantes </title>
<style type="text/css" media="screen"><!--
body {
background: #000;
color: #000;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: left;
}

.menu_haute
{ background-color: #cc3; position: relative;
height: 4%; width:99%; float: left }

.menu_lien
{ padding: 10px 15px 0 15px; width: 50%;
background: #cc3; border-left-width: 1px;
border-bottom-width: 0px; border-style:solid;
border-color: #C5C5C5; }

.menu_connexion
{ background-color: #88b; position: relative;
width: 16%; height: 73%; float: left }
.show
{ background-color: #fff; position: relative;
width: 68%; height: 73%; float: left }

.menu_gauche
{ background-color: #48b; position: relative;
width: 15%; height: 73%; float: left }

.boite
{ background-color: #f6f6b8; position: relative;
padding: 10px; width: 31%; height: 8%; float: left }

--></style> </head>

<body><center>
<div class="boite"> header 1 </div> <div class="boite"> header
2 </div> <div class="boite"> header 3 </div>
<div class="menu_haute"> Menu Haute </div>
<div class="menu_gauche"> menu gauche</div> <div class="show">
Ecran</div> <div class="menu_connexion"> Connexion</div>
<div class="boite"> footer </div> <div class="boite"> footer
</div> <div class="boite"> footer </div>
</center></body> </html>

</pre>==================
Signaler un problème avec ce contenu

1 réponse

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
ASM
Bonjour,

Execuez moi d'avance si je ne sais pas dans le bon group pour poser ma
question CSS.


ben oui voilà ! ce n'est pas le bon ... :-(

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head> <title> Boites flottantes </title>
<style type="text/css" media="screen"><!--
body {
background: #000;
color: #000;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: left;
}

.menu_haute
{ background-color: #cc3; position: relative;
height: 4%; width:99%; float: left }


Il faut arreter la flottaison des div.boites au dessus

height: 4%; width:99%; clear: left }

.menu_lien
{ padding: 10px 15px 0 15px; width: 50%;
background: #cc3; border-left-width: 1px;
border-bottom-width: 0px; border-style:solid;
border-color: #C5C5C5; }

.menu_connexion
{ background-color: #88b; position: relative;
width: 16%; height: 73%; float: left }
.show
{ background-color: #fff; position: relative;
width: 68%; height: 73%; float: left }

.menu_gauche
{ background-color: #48b; position: relative;
width: 15%; height: 73%; float: left }

.boite
{ background-color: #f6f6b8; position: relative;
padding: 10px; width: 31%; height: 8%; float: left }

--></style> </head>

<body><center>


<center> est à proscrire

<div class="boite"> header 1 </div> <div class="boite"> header 2
</div> <div class="boite"> header 3 </div>
<div class="menu_haute"> Menu Haute </div>
<div class="menu_gauche"> menu gauche</div> <div class="show">
Ecran</div> <div class="menu_connexion"> Connexion</div>


il serait prudent ici de remettre un div.haute

<div class="boite"> footer </div> <div class="boite"> footer
</div> <div class="boite"> footer </div>
</center></body> </html>