problème classique de css - Demande d'aide - Forum - ixprim-cms.org - Système de Gestion de contenu

Vous n'êtes pas connecté

Par respect de la netiquette, tous les contributeurs s'engagent à ne tenir ni propos insultants ni propos infamants envers un tiers. Merci d'avance à tous et ... bonne pêche aux infos - (Les numéros IP sont conservés.)

Accueil du Forum » iXprim Développement et Beta-Tests » Demande d'aide

» Sujet: problème classique de css

Auteur:

Message:

20100

Débutant

Messages: 210
Inscrit(e) le: 2004/7/12
Statut: Déconnecté(e)

Posté le 2006/6/8 à 05:20

Je vous livre mon problème

Voilà mon code

CODE PHP:

<div id="body2">
<div id="sidebar2">
{RIGHTBLOCKS}
</div>
<div id="content">
{CBLOCKSTOP}{MAINCENTERPAGE}{CBLOCKSBOTTOM}
</div>
</div>

Et les CSS

CODE PHP:

#body2{
padding-top: 1px;
background-color: white;
position: relative;
border-right: 200px solid #eeeeee;
}

#sidebar2{
width: 180px;
position: absolute;
right: -200px;
_right: 0px;
top: 0px;
padding: 10px;
}

#content{
padding: 20px;
border-right: 1px solid #b0b0b0;
color: #333333;
}

Ok, c'est original mais bon, j'avoue, ce n'est pas moi qui l'ai pondu... Donc le pb c'est que qd mes blocs centraux de "content" sont plus courts que la sidebar2, celle-ci dépasse... le body2 prends la hauteur du "content" et moi j'suis pas content !!

une idée sans avoir à tout changer ?

Ca dépend du point de vue duquel on se place, de l'importance qu'on accorde à la chose par rapport à l'idée qu'on s'en fait !

Chercher tous les messages de cet utilisateur

coach

Béta-testeur

stars

Messages: 151
Inscrit(e) le: 2005/2/2
Statut: Déconnecté(e)

Posté le 2006/6/8 à 06:51

Tu peux sans doute mettre un min-height à ton bloc content.
Mais pour que ça marche sous IE faut que t'utilises un script : minmax.js (à rechercher sur google)

Sinon il y a la technique du spacer mais je ne crois qu'elle marche que pour les flottants.

Pour t'aider quelques liens (que tu connais sans doute)
alsacreations
openweb

20100

Débutant

Messages: 210
Inscrit(e) le: 2004/7/12
Statut: Déconnecté(e)

Posté le 2006/6/8 à 07:23

Merci coach

Ça risque d'allourdir pas mal les pages tout ça...

Enfin ça marche (pour une taille de "sidebar" donnée)

Ca dépend du point de vue duquel on se place, de l'importance qu'on
accorde à la chose par rapport à l'idée qu'on s'en
fait !

Vous n'êtes pas connecté

Accueil du Forum » iXprim Développement et Beta-Tests » Demande d'aide

» Sujet: problème classique de css

Auteur:

Message:

20100

Débutant

Messages: 210
Inscrit(e) le: 2004/7/12
Statut: Déconnecté(e)

Posté le 2006/6/8 à 05:20

Je vous livre mon problème

Voilà mon code

CODE PHP:

<div id="body2">
<div id="sidebar2">
{RIGHTBLOCKS}
</div>
<div id="content">
{CBLOCKSTOP}{MAINCENTERPAGE}{CBLOCKSBOTTOM}
</div>
</div>

Et les CSS

CODE PHP:

#body2{
padding-top: 1px;
background-color: white;
position: relative;
border-right: 200px solid #eeeeee;
}

#sidebar2{
width: 180px;
position: absolute;
right: -200px;
_right: 0px;
top: 0px;
padding: 10px;
}

#content{
padding: 20px;
border-right: 1px solid #b0b0b0;
color: #333333;
}

Ca dépend du point de vue duquel on se place, de l'importance qu'on accorde à la chose par rapport à l'idée qu'on s'en fait !

coach

Béta-testeur

stars

Messages: 151
Inscrit(e) le: 2005/2/2
Statut: Déconnecté(e)

Posté le 2006/6/8 à 06:51

20100

Débutant

Messages: 210
Inscrit(e) le: 2004/7/12
Statut: Déconnecté(e)

Posté le 2006/6/8 à 07:23

Merci coach

Ça risque d'allourdir pas mal les pages tout ça...

Enfin ça marche (pour une taille de "sidebar" donnée)

Ca dépend du point de vue duquel on se place, de l'importance qu'on
accorde à la chose par rapport à l'idée qu'on s'en
fait !