Rechercher

Probléme css et background !

Accueil » Forum » Création de site » Probléme css et background !

1 2

Proze
proze
Date : 07/04/2007
Forum msgs : 73
Rank : Utilisateur

Probléme css et background !

Lien directde proze le 16/12/2007 à 11:22
Bien l'bonjour, j'ai un petit probléme concernant la mise en page de mon site !

Il se constitue comme sa en div:

un bandeau

un menu, float:left sans height

un contenu, coller a droite du menu, float:left sans height !

un pied de page

Le menu et le contenu on une image de fond qui coinside, le probléme vient que dans le contenu l'image de fond se répete mais dans le menu il n'y as que la ou il ya du texte que l'ont voit l'image de fond !

Je voudrait que l'image de fond du menu se répete en suivant le contenue, mais je n'y arive pas !

Une idées ?

merci !
Sky
sky
Date : 13/08/2003
Forum msgs : 4429
Rank : Admin
Localisation : toulouse

Re : Probléme css et background !

Lien directde sky le 16/12/2007 à 11:50
Salut proxe

C'est normal. Si le menu de gauche est plus court que le centre, le texte ne va pas pousser le texte vers le bas ... du coup on ne verra pas le reste de l'image.

Y'a pas trop de solutions ... ça dépend de ton besoin excat. Voici des liens pour aider.

Tu peut aussi faire :
- donne une hauteur fie à ton menu, du coup tu verra tout.


Lien pour aider :
http://forum.alsacreations.com/faq/faq-17-Comment-faire-des-quotcolonnesquot-de-meme-hauteur-.html

http://pompage.net/pompe/colonnesfactices/

http://www.ejeliot.com/blog/61

Sky
Gunning Sky
ViaPHP : Cours PHP
A quoi sert Internet Explorer ? A télécharger Firefox !
Proze
proze
Date : 07/04/2007
Forum msgs : 73
Rank : Utilisateur

Re : Probléme css et background !

Lien directde proze le 16/12/2007 à 12:25
Merci sky, mais la solution n'est pas simple...

J'ai chercher a pal mal d'endroit et jai trouver ceci en javascript:

<script type="text/javascript">
function reajuste()
{
        var hautLien = document.getElementById('menu').offsetHeight;
        var hautCont = document.getElementById('contenu').offsetHeight;
        if (hautLien>hautCont) document.getElementById('contenu').style.height=hautLien+'px';
        else document.getElementById('menu').style.height=hautCont + 'px';
}
</script>


<body onload="reajuste()">



Avec sa sa redimensionne bien le menu en fonction de la taille du contenu !! exactement se que je vouler faire !

Bon, encore une raison de plus d'aprendre le javascript ! :#C:
Sky
sky
Date : 13/08/2003
Forum msgs : 4429
Rank : Admin
Localisation : toulouse

Re : Probléme css et background !

Lien directde sky le 16/12/2007 à 12:54
Sympa comme méthode je trouve.
Bien que non optimal pour un site grand public mais bon, je retiendrai.

Sky
Gunning Sky
ViaPHP : Cours PHP
A quoi sert Internet Explorer ? A télécharger Firefox !
3run0
3run0
Date : 01/10/2004
Forum msgs : 1747
Rank : Admin
Localisation : hérault

Re : Probléme css et background !

Lien directde 3run0 le 17/12/2007 à 01:01
J'aurais bien aimé avoir un lien vers ton site afin de jeter un oeuil vers ton CSS smile:
_ww.gabian-herault.com
Proze
proze
Date : 07/04/2007
Forum msgs : 73
Rank : Utilisateur

Re : Probléme css et background !

Lien directde proze le 17/12/2007 à 11:23
Slt 3run0 !

Mon css pour l'instant est comme sa :

html,body {
        background-color: #000000;
        margin: 0; /* pour éviter les marges */
        text-align: center; /* pour corriger le bug de centrage IE */
}
a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color: #D7D7D7; text-decoration: none;
}
input {
background-color:#000000;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border:1px solid #C1B3C7;
}
div {  
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:12px;
}
legend {
color: #000000;
}
fieldset {
border-color:#000000;
padding:4px;
}

div#global {
        width:850px;
        position:relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 850px;
        }
div#bandeau {
        width:850px;
        height:219px;
        background-image:url(../img/h1.jpg);
        }
div#contenu {
        float:left;
        padding-right:100px;
        width:600px;
        background-image:url(../img/contenu1.jpg);
        }
div#piedpage {
        width:850px;
        height:174px;
        background-image:url(../img/h3.jpg);
        clear:both;
        }
div#menu {
        float:left;
        text-align: left;
        padding-left:14px;
        background-image:url(../img/menu1.jpg);
        width:136px;
        }


Pour le lien vers mon site pour plus tard la il est en refonte total ! :d:

Je suis le spécialise du changement ! :d:
Martos
martos
Date : 27/06/2007
Forum msgs : 65
Rank : Utilisateur
Localisation : Sheffield

Re : Probléme css et background !

Lien directde martos le 17/12/2007 à 17:47
si l'image de fond se repete dans ton contenu c'est que ton block a des dimensions plus grandes que ton image et par consequent se repete parce que c'est le parametre par defaut.
Ou bien tu as oublie de refermer une balise.

Essaie de positionner ton fond en utilisant les valeurs css de positionnement de fond car elles ne sont pas definies sur ton css.
tu peux les trouver ici
http://www.siteduzero.com/tuto-3-1938-1-liste-des-proprietes-css.html
Cash à l'octet
Sky
sky
Date : 13/08/2003
Forum msgs : 4429
Rank : Admin
Localisation : toulouse

Re : Probléme css et background !

Lien directde sky le 17/12/2007 à 19:23
Martos, si j'ai bien compris, le soucis ne vient ps du tout de là.

Le soucis vient du fais que le positionement vertical en css pose problème à cause des navigateurs qui ne sont pas compatible css2 et plus.

Cela n'a rien à voir avec le positionement de l'image de fond quije crois est bien placé.

Ha oui, le siteduzero ets bien pour les cours php, mais pour ce qui est du css et de la mis en page, les site que j'ai indiquer sont beaucoup plus efficasse et surtout beaucoup plus en rapport avec la question.
Gunning Sky
ViaPHP : Cours PHP
A quoi sert Internet Explorer ? A télécharger Firefox !
Martos
martos
Date : 27/06/2007
Forum msgs : 65
Rank : Utilisateur
Localisation : Sheffield

Re : Probléme css et background !

Lien directde martos le 18/12/2007 à 01:20
J´ai trouvé, par hasard, il n´y a pas si longtemps un comportement étrange. Il concerne l´image d´arrière-plan que l´on place dans le bas de la page, via les CSS. D´après ce que je conclu, FF, Opera et les autres n´ont pas la même définition de la hauteur de body que IE.
et hop je re-balance un lien du zero :#C: http://www.siteduzero.com/tuto-3-11607-1-css-partie-2.html

Peut etre que ça pourra t'avancer Proze.
:p:
Cash à l'octet
Sky
sky
Date : 13/08/2003
Forum msgs : 4429
Rank : Admin
Localisation : toulouse

Re : Probléme css et background !

Lien directde sky le 18/12/2007 à 08:44
Hum, autant parler dans le vide avec toi j'ai l'impression.

T'a lu mon message ? (oui, Martos, je te parle)
(j'ai enlever ton 2eme lien... pas la peine de mettre 2 fois le même lien)
Gunning Sky
ViaPHP : Cours PHP
A quoi sert Internet Explorer ? A télécharger Firefox !

1 2

You need a account to use the forum.

Inscription

Connexion