Discussion :

[Abou Zar]

bonjour

J'ai un problème d'affichage avec la resolution 800*600. Mais avec toutes les autres resolutions je n'ai pas ce problème. Avec le 800*600 mes cadres debordent ainsi que certains textes.
J'ai lu beaucoup de choses sur Google que j'ai essayé mais je n'ai pas eu de satisfaction.
J'ai un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="page">

.
C'est dans ce div page que tous mes elements de design se trouvent (banière,menus de gauche, bloc centre et menu gauche).En faitc'est pour dire que c'est pas dans le body que ces elements sont directement definis.
Voici le code CSS du body

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
body {
	color: #444;
	font: 86%/1.0 "Lucida Sans", "Lucida Grande", "Trebuchet MS", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
	margin: 0;
	text-align: center;
	background-color: #CCFFFF;
 
}

Et voici le code CSS de mon page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
#page
{
	position: relative;
	text-align: left; 
	margin: 3em auto; /* auto pour centrer horizontalement la boite dans BODY pour le navigateurs autres que IE/WIN */
	padding: 0;
	width: 70em ;
	max-width: 98% ;
	min-width: 720px ;
 
	border:solid #FF00FF;
	background: #FF00FF;
 
	}

Voici le code CSS d'un bloc qui deborde la page lorsque je suis dans 800*600

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
#mon_bloc	/* (inc/inc-menu.html) */ {
 
	width:80%;
	max-width:80%;
	min-width:80%;
	top:25%;
	position: static;
	border: solid 1px #DEDEDE;
	margin: 12px 175px 5px 165px;
	padding: 10px 10px 5px;
	background: white;
	z-index: 20;
	overflow: hidden;
 
	-moz-border-radius: 25px;
	border-color: #0000FF;
	height:80%;
 
}

Vraiment j'ai fouillé sur google pour que j'ai le meme affichage sur 800*600 avec les autres mais j'ai pas pu m'ensortir.Le problème est que c'est le 800*600 qui deborde et qui diffère des autres.
Merci bien de votre aide!

[Candygirl]

Hello,

Voici le code CSS d'un bloc qui deborde la page lorsque je suis dans 800*600

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
#mon_bloc	/* (inc/inc-menu.html) */ {
	min-width:80%;
	margin: 12px 175px 5px 165px;
	padding: 10px 10px 5px;	
}

Tu utilises des % et des px pour définir la largeur totale de ton élément.
Sur 800 px de large, le 80% représente 640 pixel. Il te reste donc théoriquement 160 pixels à disposition (sans compter la scroll barre).

Rien que ton margin-left de 165 pixels te fait déjà dépasser...
En supprimant ton width et ton min-width ton bloc devrait théoriquement s'adapter à du 800 (à voir encore ce qu'il y a à l'intérieur).

[NoSmoking]

Bonjour,
à voir aussi combien valent les 70em.

[Candygirl]

Bonjour,
à voir aussi combien valent les 70em.

En principe le max-width de 98% doit prendre le dessus si le 70em est plus large que la fenêtre de visualisation

[NoSmoking]

En principe le max-width de 98% doit prendre le dessus si le 70em est plus large que la fenêtre de visualisation

ce n'est pas "en principe", c'est une certitude, sauf bug du navigateur.

...c'était surtout eu égard

width: 70em;
max-width: 98%;
min-width: 720px