Webmaster Hub > Boite cote a cote

Version complète: sur le forum Webmaster Hub : Boite cote a cote

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

doomer2

dimanche 31 octobre 2004 à 13:07

Bonjour,

Voici mon probleme, je viens de finir l'interface graphique en css du site suivant Site en css.

Le proble est que je veux inserer des boites avec l'actaulite du site, les breves, un acces membres et d'autres boites en les mettant cote à cote dans le contenu du site.
D'une part, j'arrive à les aligner mais le probleme c'est qu'elles se mettent pas dans le contenu du site et passe au dessus de mon div footer.

Si quelqu'un à la solution et qui peut m'aider à mettre en page se probleme afin de réaliser ma page d'accueil.

Puis, si des personnes ont des suggestions sur les graphismes ou pas, je serais preneur.

J'attends vos contributions avec impatience car là depuis 2 jous je bloque.

LaurentDenis

dimanche 31 octobre 2004 à 13:14

Tes boîtes ayant la propriété "float", elles ne sont pas prises en compte dans le calcul de la hauteur de leur conteneur. D'autre par, elles autorisent le bloc qui les suit à se placer autant que possible "à côté" d'elle. C'est pourquoi ton footer, qui se place en dessous du conteneur, est "trop haut".

Il suffit de donner à ton #footer la propriété clear:both pour qu'il lui soit interdit de se placer ainsi. Ta CSS devient simplement:

CODE

#footer {
margin: 10px 40px 10px 250px;
color: #6699CC;
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
clear: both;
}

Pour en savoir davantage sur les flottants et sur la propriété clear, voir Initiation au positionnement CSS : 2.position float

doomer2

dimanche 31 octobre 2004 à 13:27

Je voulais savoir, la ligna _AT_import style.css permet de charger une feuille pour les navigateurs de dernieres generations et in lien link pour navigateur tels que netscape 4 ?

doomer2

dimanche 31 octobre 2004 à 13:29

Cela fonctionne ta solution mais le probleme c'est que mon fond du contenu ne s'affiche pas completement ?
Pourquoi ?

LaurentDenis

dimanche 31 octobre 2004 à 13:39

Effectivement :

CODE

...sera exploité par les navigateurs de génération 4, qui ignoreront en revanche:

CODE

Il est également possible de faire seulement un <link> pour tous les navigateurs, vers une feuille de style contenant:
- directement les styles (minimaux) pour les navigateurs de génération 4
- une règle _AT_import "..."; qui importe la seconde feuille de style pour les navigateurs récents.

doomer2

dimanche 31 octobre 2004 à 13:51

Pour ce qui est de mon probleme de backgrount image qui n'apparait qu'à 1/4 avez vous une solution ?

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.