HighDots Forums  

cadres se chevauchant

alt.fr.langages.html alt.fr.langages.html


Discuss cadres se chevauchant in the alt.fr.langages.html forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Laforest
 
Posts: n/a

Default cadres se chevauchant - 10-18-2004 , 07:35 PM






Bonjour,

Je fabrique avec php une présentation sur mon site qui se reproduit sur
toutes les pages, c.a.d. que je coupe la page en trois zones :

--------- -------------------------
Quote:
zone 1 || |
|| zone 2 |
|| |
| -------------------------
| -------------------------
|| |
|| |
|| |
|| zone 3 |
|| |
|| |
|| |
--------- -------------------------
ma zone 1 contient entre autres un logo en haut
Ma zone 2 contient du texte, le tout entouré d'un cadre
Et ma zone 3 contient seulement du texte (ou des images selon la page, mais
ce n'est pas elle qui pose problème).

Ma zone 1 est un div avec float left, tout comme ma zone 2.

Le problème que j'ai :

Lorsque la page du navigateur est redimensionné, particulièrement
lorsqu'elle est diminuée de taille, le cadre de ma zone 2 vient chevaucher
le logo présent dans ma zone 1; comment empêcher une telle chose?

Une idée?

Merci

Michel


Reply With Quote
  #2  
Old   
Antoine LE MORVAN
 
Posts: n/a

Default Re: cadres se chevauchant - 10-24-2004 , 04:44 AM






Pourquoi utilise tu des cadres si tu développes en php ?
Fais toi plutôt deux fichiers : cadre1.php et cadre2.php contenant la mise
en page de tes cadres.
Et pour chaque page principale, il te reste plus qu'a inclure (include(""))
tes deux fichiers.
Et là tu seras plus obligé de t'embeter avec tes cadres, ni de prévoir des
espaces perdus en cas de redimensionnement !
Enfin, moi, c'est comme ca que je préfère !

"Laforest" <laforest.michel (AT) free (DOT) fr> a écrit dans le message de news:
417450ad$0$29493$636a15ce (AT) news (DOT) free.fr...
Quote:
Bonjour,

Je fabrique avec php une présentation sur mon site qui se reproduit sur
toutes les pages, c.a.d. que je coupe la page en trois zones :

--------- -------------------------
| zone 1 || |
| || zone 2 |
| || |
| | -------------------------
| | -------------------------
| || |
| || |
| || |
| || zone 3 |
| || |
| || |
| || |
--------- -------------------------
ma zone 1 contient entre autres un logo en haut
Ma zone 2 contient du texte, le tout entouré d'un cadre
Et ma zone 3 contient seulement du texte (ou des images selon la page,
mais
ce n'est pas elle qui pose problème).

Ma zone 1 est un div avec float left, tout comme ma zone 2.

Le problème que j'ai :

Lorsque la page du navigateur est redimensionné, particulièrement
lorsqu'elle est diminuée de taille, le cadre de ma zone 2 vient chevaucher
le logo présent dans ma zone 1; comment empêcher une telle chose?

Une idée?

Merci

Michel

---
Outgoing mail is certified Virus Free.
Anti Virus Gratuit
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.781 / Virus Database: 527 - Release Date: 21/10/2004




Reply With Quote
  #3  
Old   
ilood
 
Posts: n/a

Default Re: cadres se chevauchant - 10-27-2004 , 02:40 PM



Laforest vient de nous annoncer :
Quote:
Bonjour,
Bonjour,

ma zone 1 contient entre autres un logo en haut
Ma zone 2 contient du texte, le tout entouré d'un cadre
Et ma zone 3 contient seulement du texte (ou des images selon la page, mais
ce n'est pas elle qui pose problème).

Ma zone 1 est un div avec float left, tout comme ma zone 2.

Le problème que j'ai :

Lorsque la page du navigateur est redimensionné, particulièrement
lorsqu'elle est diminuée de taille, le cadre de ma zone 2 vient chevaucher
le logo présent dans ma zone 1; comment empêcher une telle chose?
Juste une idée (je dis peut être des bétises) :

Pour les styles :
#zone2, #zone3 { margin-left: 150px; }
#zone1 { float: left; width: 150px; }

Coté html :
<body>
<div id="zone1">zone 1</div>
<div id="zone2">zone 2</div>
<div id="zone3">zone 3</div>
</body>

--
ilood.



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.