> Centrer le site dans la page du navigateur [ 36895 créatifs inscrits ]

Modéré par : kob goulven mediapress Trygee thorea Yamo 
Index du Forum » » Macromédia Dreamweaver » » Centrer le site dans la page du navigateur
2 pages [ 1 | 2 ]
Centrer le site dans la page du navigateur
free-style
5  

  Posté : 21-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

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" 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>



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



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

  Profil  
bproductiv
33    

  Posté : 21-12-2009 07:31

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

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

.::[ La Fabrik numérique ]::.
www.fabrik-numerique.com
  Profil  www    
natwoman
21   

  Posté : 21-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
  Profil  www  
natwoman
21   

  Posté : 21-12-2009 09:28

beuh y a un bug d'affichage !
  Profil  www  
free-style
5  

  Posté : 21-12-2009 09:35

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

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

A+

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

  Profil  
crashbdx
2283       

  Posté : 21-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" borde r="0"> 
  <frame src="portailBandeauLeft.htm" name="leftFrame"  frameborder="no" s crolling="NO">
  <frame src="portailMain.htm" name="mainFrame" f rameborder="no" scrollin g="yes">
</frameset>
</frameset> 

</div>



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



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

  Profil  www  
natwoman
21   

  Posté : 21-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 ?

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

désolée...
  Profil  www  
free-style
5  

  Posté : 21-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 w indow if Nav4 resized
  if (init==true) with (navigator) {if ((a ppName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=inne rHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || inner Height!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

</head>

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

<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> 

<noframes>

<body>

</body>

</noframes>

</html>

  Profil  
crashbdx
2283       

  Posté : 21-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 :

  Profil  www  
Sorbyal
823      

  Posté : 21-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/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html

  Profil  www  
mjason
66    

  Posté : 21-12-2009 11:34

En même temps avec ça


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


c'est sur que cela ne va pas marcher



<div style="width:1020px; margin-left:auto; margin-right:auto"> </di v> 



le mieux c'est évidement une feuille de style externe et un appelle a une classe pour centré ...
sinon un moment j'ai crus m'être réveillé au milieu des années 90

@natwoman peut être pourrais tu éditer ton post, si c'est lui qui est à l'origine du bug d'affichage ...




Message édité par : mjason / 21-12-2009 11:37

  Profil  www  
natwoman
21   

  Posté : 21-12-2009 12:20

heu ben oui c'est la première chose à laquelle j'ai pensé mais...impossible de le faire !!! Les liens pour editer n'existent plus !
  Profil  www  
free-style
5  

  Posté : 21-12-2009 13:34

Bon les cadres c'est nul >> OK
Mais quand je fais une page simple avec un rectangle dedans: et ben quand je fais "Aperçu dans le navigateur" c'est pas centré non plus !



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01  ;Transitional//EN">
<html>

<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset =iso-8859-1">
</head>
<div style="width:880px; margin-left:auto; margin-right:aut o">
<body>

<table width="880" border="0" cellpadding="0" cellspac ing="0" bgcolor="#00FFFF">
  <!--DWLayoutTable-->
  <tr>
    <td width="880" height="589" valign ="top"><!--DWLayoutEmptyCell--> </td>
  </tr>
</table>
</body>
</div>
</html>



ça devrait, non ?
  Profil  
eijis
14   

  Posté : 21-12-2009 13:54

Oui mais non ca va pas le faire, je ne peut que te conseiller de reprendre les bases jete un oeil sur ce site par exemple ca devrait t'aider
http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html
sinon tu peu te balader aussi du coté d'alsacreations
  Profil  
mjason
66    

  Posté : 21-12-2009 16:27

@free-style ...
peux pas marcher tu englobe te balise body dans ton div, effectivement je pense qu'il te manque les bases la !

Un peu de lecture te fera le plus grand bien... Alsacreation par exemple ..
sinon garde en tête cela :
les balises table sont fait pour les données tabulaires (les tableaux quoi) par pour de la mise en forme ...

  Profil  www  
Aller à la page : [ 1 | 2 ]
Sauter à :
Stickers gratuits !
Toi aussi commande tes stickers KobOne ...
Flux RSS en direct
Ne loupez aucune info avec les fils d'info RSS...
Devenir rédacteur ?
Publiez des articles et diffusez vos connaissances ...
Freelances expérimentés, avocats, juristes, comptables, faites profiter de votre savoir
Trombi des créas
Le visage des créatifs francophones
j'y vais
Missions pour freelances
Les dernières missions pour freelances ou sociétés ...
j'y vais
©2002-2009 KobOne -
Droits de reproductions réservés
Conception PIXIKULT : Création de site internet à lyon
Site basé sur NPDS / Cnil 1011211
Rectification de vos données personnelles
ou desinscription : contactez-nous
g
Tdt3d
Entreprenautes
Crayons
Reg-art
d
Hit-Parade
g Soumettre une actualité d
g Bannières et logo du site d
g Mentions légales d
g Contact d
g Déposer un appel d'offre gratuitement d
g Tarifs & prestations d
Pour avoir accès aux derniers messages et informations en live téléchargez la toolbar KobOne :
g Toolbar KobOne d
 
Social Bookmarking
Add to: Digg Add to: Del.icio.us Add to: Yahoo Add to: Google Add to: Blogmarks Add to: Technorati