Kob-One
49483 créatifs inscrits sur la plateforme KobOne

RSS Forums créatifs freelances KobOne Forums

 Rappel: En postant votre message vous reconnaissez avoir lu et accepté les règles d'utilisation de ce forum public.

Centrer le site dans la page du navigateur

Centrer le site dans la page du navigateur

Message21/12/2009 00:45

Bonjour,

Tout est dans le titre ou presque.

Ce qui n'est pas dans le titre c'est que je suis loin d'être pro dans le domaine !

J'ai créé un site perso qui fonctionne depuis quelque temps. Je l'avais dimensionné pour qu'il s'affiche en plein écran sur mon écran 1024 pixels. Le problème c'est que sur les écrans larges de maintenant (1600 pixels par ex) le site est bloqué à gauche !

Et pas moyen de le centrer :paf

Le site est composé de trois cadres (avec un frameset dans l'index.htm)

Est ce qu'il y a moyen de coller une instruction la dedans pour que mon ensemble de cadres soient centrés (mais non redimensionné) dans le navigateur des utilisateurs ?

Merci de vos réponses

a+



<frameset rows="154,*" cols="*" framespacing="0" frameborder="no" border="0">
  <frame src="portailBandeauTopHiver.htm" name="topFrame" frameborder="no" scrolling="NO" >
  <frameset rows="*" cols="168,*" framespacing="0" frameborder="no" border="0"> 
  <frame src="portailBandeauLeft.htm" name="leftFrame" frameborder="no" scrolling="NO">
  <frame src="portailMain.htm" name="mainFrame" frameborder="no" scrolling="yes">
</frameset>
</frameset>



Message édité par : free-style / 21-12-2009 00:49

Message édité par : free-style / 21-12-2009 00:55
free-style
free-style

Rang 1
 
Messages: 5
Inscription: Mer 20 Oct 2010 10:55

Message21/12/2009 07:31

<style>
body{text-align:center;}

? Sinon les framesets c'est vraiment à éviter !!
bproductiv
bproductiv

Rang 3
 
Messages: 35
Inscription: Mer 20 Oct 2010 10:55
.::[ La Fabrik numérique ]::. www.fabrik-numerique.com

Message21/12/2009 09:23

Bonjour !

C'est sûr les frameset c'est délicat à utiliser mais pourquoi tout simplement ne pas utiliser des !iframe!S que tu appelle dans les cellules (TD) indépendantes :



Pour toujours centrer un site en html : un tableau à une cellule et donc une colonne qui "englobe" le site à 100% px :


et à l'intérieur un autre tableau que tu "centre" aussi et que tu mets à la taille désiré :


et là tu es le roi du pétrole :=! tu fais ce que tu veux tu mets des !iframe!s, des gif, des swf dans les cellules que tu veux !

en espérant t'avoir aidé,

nat
natwoman
natwoman

Rang 5
 
Messages: 105
Inscription: Mer 20 Oct 2010 10:55

Message21/12/2009 09:28

beuh y a un bug d'affichage !
natwoman
natwoman

Rang 5
 
Messages: 105
Inscription: Mer 20 Oct 2010 10:55

Message21/12/2009 09:35

oui c'est un peu décentré : c'est comme mon site :-D

J'attends que les choses soient rétablies pour commenter vos réponses

A+

Message édité par : free-style / 21-12-2009 09:37
free-style
free-style

Rang 1
 
Messages: 5
Inscription: Mer 20 Oct 2010 10:55

Message21/12/2009 09:46

body{text-align:center;} 



ça c'est pour centrer les éléments inline comme les textes etc ça ne centrera pas le site.

C'est sûr les frameset c'est délicat à utiliser mais pourquoi tout simplement ne pas utiliser des !!!!!iframe!!!!!S que tu appelle dans les cellules (TD) indépendantes
les !!!!iframe!!!!s c'est pas plus propre que les frameset donc pas plus à recommander...

Pour toujours centrer un site en html : un tableau à une cellule et donc une colonne qui "englobe" le site à 100% px
à l'époque du twist et des forbans oui maintenant en 2010 et depuis pas mal d'années on mets le tout dans un simple div avec une largeur de la taille du site et on met simplement des margin-left et margin-right en auto.

exemple (bien sur tu externalise dans une feuille de style mais c'est pour faire court que je met en inline) :





<div style="width:la largeur de ton site"; margin-left:auto; margin-right:auto;">

<frameset rows="154,*" cols="*" framespacing="0" frame border="no" border="0">
  <frame src="portailBandeauTopHiver.htm" name="topFra me" frameborder="no" scrolling="NO" >
  <frameset rows="*" cols="168,*" framespacing="0 " frameborder="no" border="0"> 
  <frame src="portailBandeauLeft.htm" name="leftFrame"  frameborder="no" scrolling="NO">
  <frame src="portailMain.htm" name="mainFrame" f rameborder="no" scrolling="yes">
</frameset>
</frameset> 

</div>



Message édité par : crashbdx / 21-12-2009 09:49

Message édité par : crashbdx / 21-12-2009 09:51
crashbdx
crashbdx

Rang 9
 
Messages: 2395
Inscription: Mer 20 Oct 2010 10:55

Message21/12/2009 09:54

Humpf un ti coup de vieux pour moi là !!! :-( merci pour la référence forban ! J'ai voulu aller au plus simple avec "!iframe!" car il utilise des "frameset" çà aussi c'est un peu vieux non ? :-P

En fait le bug je crois que c'est de ma faute ! j'ai mis directement le code et pas dans une fenêtre CODE, oui je me suis emballé c'est l'effet de mon café noir du matin :-P

désolée...
natwoman
natwoman

Rang 5
 
Messages: 105
Inscription: Mer 20 Oct 2010 10:55

Message21/12/2009 10:22

>> crashbdx
Veux rien savoir !!!! Il reste collé à gauche



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<title>L'Alliet - Le Site Web de la Copro</title>



<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="!javascript!" type="text/!javascript!">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

</head>

<div style="1020"; margin-left:auto; margin-right: auto;"> 

<frameset rows="154,*" cols="*" framespacing="0" frameborder="no" border= "0"> 
  <frame src="portailBandeauTopHiver.htm" name="topFrame" frameborder="no" scrolling="NO" > 
  <frameset rows="*" cols="168,*" framespacing="0 " frameborder="no" border="0">  
  <frame src="portailBandeauLeft.htm" name="leftFrame"  frameborder="no" scrolling="NO"> 
  <frame src="portailMain.htm" name="mainFrame" frameborder="no" scrolling="yes"> 
</frameset> 
</frameset>  

</div> 

<noframes>

<body>

</body>

</noframes>

</html>
free-style
free-style

Rang 1
 
Messages: 5
Inscription: Mer 20 Oct 2010 10:55

Message21/12/2009 10:49

je ne suis pas un habitué des frames et compagnie car je n'étais pas né quand on les utilisaient lol

en tout cas le code n'est pas bon c'est comme ça :
crashbdx
crashbdx

Rang 9
 
Messages: 2395
Inscription: Mer 20 Oct 2010 10:55

Message21/12/2009 10:58

Oui maintenant on fait tout en div, c'est bien plus pratique.

Aller une petit lien http://www.alsacreations.com/article/li ... n-CSS.html
Sorbyal
Sorbyal

Rang 8
 
Messages: 909
Inscription: Mer 20 Oct 2010 10:55

Retourner vers Dreamweaver

 

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

 

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités

 
 
Catégories
 
Dernières contributions sur le forum