Débordement lors d'une réduction de fenêtre [Résolu]

crodilus · 05/12/2011, 20h22

Salut à toutes et à tous.

Je viens solliciter votre aide pour un petit problème que je viens de rencontrer lors de la construction de mon site web.

En voici une capture d'écran :

Le problème est que lorsque je réduit ma page internet le texte sort de mon cadre ! Et je ne vois pas comment faire pour qu'il y reste !

Voici mon code HTML et CSS

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
body
{
background-image:url(black1.jpg);
}
 
div
{
width:80%;
height:60%;
border: 3px outset Lime;
margin:10%;
border-radius: 10px;
}
 
p
{
padding:5%;
color:lime;
font-size:20px;
}

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
<head>
     <title>Mon histoire du jeux vidéo</title>
	 <link rel="stylesheet" type="text/css" href="css1.css">
</head>
 
<body>
	<div>
		<p>
			Salut à toutes et à tous, gamers et gameuzes de la toile ! </br></br>
			Vous voilà sur mon modeste site qui va tenter de vous présenter ma propre histoire du jeux vidéo ! </br></br>
			Cette présentation sera bien évidemment non exhaustive car comme vous tous, je n'ai pas eu 
			et je n'aurez jamais
			la possibilté d'éssayer tout les jeux qui sont sortis jusqu'à aujourd'hui ! </br></br>
			Vous pourrez y trouver les titres suivant : </br></br>
			Alex Kidd, Super Mario Land, Crash Bandicood, Age of Empires, FIFA 99 Anno 1602, GTA Vice city, Battlefield 3,...
		</p>
	</div>
</body>

J'ai eu beau chercher un peu par tout mais je n'ai rien trouvé déloquant à propos de ce problème.

Pourriez-vous m'aider ?

Merci d'avance,

Amicalement Crodilus.

PS: Veuillez m’excuser pour la partie de texte en rouge au milieu du code HTML je ne sais pas pourquoi il en est ainsi ..

NoSmoking · 05/12/2011, 21h30

Bonsoir,
et avec un DOCTYPE cela ne serait pas mieux

Code html :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE HTML>
<html lang="fr">
<head>
<title>Mon histoire du jeux vidéo</title>
<style type="text/css">
body{
  background-image:url(black1.jpg);
}
div{
  width:80%;
  height:60%;
  border: 3px outset Lime;
  margin:10%;
  border-radius: 10px;
}
p{
  padding:5%;
  color:lime;
  font-size:20px;
}
</style>
</head>
<body>
	<div>
		<p>
			Salut à toutes et à tous, gamers et gameuzes de la toile ! <br><br>
			Vous voilà sur mon modeste site qui va tenter de vous présenter ma propre histoire du jeux vidéo ! <br><br>
			Cette présentation sera bien évidemment non exhaustive car comme vous tous, je n'ai pas eu
			et je n'aurez jamais
			la possibilté d'éssayer tout les jeux qui sont sortis jusqu'à aujourd'hui ! <br><br>
			Vous pourrez y trouver les titres suivant : <br><br>
			Alex Kidd, Super Mario Land, Crash Bandicood, Age of Empires, FIFA 99 Anno 1602, GTA Vice city, Battlefield 3,...
		</p>
	</div>
</body>
<html>

crodilus · 05/12/2011, 22h10

Merci bien

!

J'ai rajouté ceci au CSS et maintenant c'est nickel !

Code :

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

1
2
3
4
5
6
7
body
{
background-image:url(../images/black1.jpg);
width:100%;
min-width:1350px;
overflow:auto;
}

crodilus · 11/12/2011, 20h19

Est-ce normal que la propriété height (en utilisant le %) du CSS ne marche plus avec le doctype ?

NoSmoking · 17/12/2011, 10h15

Vouloir se passer d'un DOCTYPE n'est pas une bonne idée?

http://css.developpez.com/faq/?page=...doctype_design

11/12/2011, 20h19	#4
crodilus Invité régulier Inscription : septembre 2011 Messages : 18 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : septembre 2011 Messages : 18 Points : 6 Points : 6	Est-ce normal que la propriété height (en utilisant le %) du CSS ne marche plus avec le doctype ?
	00

17/12/2011, 10h15	#5
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	Vouloir se passer d'un DOCTYPE n'est pas une bonne idée? http://css.developpez.com/faq/?page=...doctype_design
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email