1485 sujets

Web Mobile et responsive web design

[Résolu] Différence d'affichage (Largeur d'un div par exemple)

Bonjour,

J'ai un soucis d'affichage sur mobile (avec chrome).
Sur pc, la div "test" s'affiche sur toute la largeur de la page mais sur mobile non.

Voici le code source de test.

<!doctype html>
<html lang="fr">
<head>
	<meta charset="UTF-8">
	<title>Page de test</title>
<script>
function m(urlpage) {
	document.getElementById("obj").data = urlpage;
}
</script>
<style>
.test {
	background-color: red;
}
.pg {
	width: 100%;
	position: absolute;
	top: 45px;
	bottom: 0;
	min-width: 1300px;
}
#obj {
	width: 100%;
	position: absolute;
	height: 95vh;
}

</style>
</head>
<body>
<div class="test"><a href="#" onclick="m('test.htm')">Explorateur</a></div>
<div class="pg"><object id="obj" data=""></object></div>
</body>
</html>


J'ai essayer plusieurs chose mais rien ne fonctionne correctement.
Une idée pour résoudre le problème ?

Cordialement
Jérôme
ok merci.
J'ai ajouté min-width car la page que j'appel dans la balise object ne s'affiche pas en pleine largeur.
Du coup comment l'afficher a 100 % de largeur ecran ?
Cordialement
Jerome
Bonsoir,
Mon problème est résolu.

Sur le fichier final, la div qui contient les menus n'avait pas de position définie Smiley eek .
J'ai donc ajouté :
.test {
	position: fixed;
	background-color: red;
	width: 100%;
}


J'ai gardé min-width car le fichier à afficher a des tailles définies.

Et là ça semble ok.
Merci pour le coup de main, cela m'a fait voir les css sous un autre angle.

Cdt
Jérôme
Prévenir un modérateur
Répondre au sujet
Aller à