Aide pour correction css

Résolu
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   -  
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,
gros, très gros besoin d'aide pour corriger une css !
le lien de la page html :
http://refok.free.fr/pechecss/
- premier gros problème : la colonne de droite que je voudrais voir aller automatiquement jusqu'au bas de page, quelque soit le contenu de la page, là je crise !!!!
- autre problème : le menu du haut qui ne passe pas sous certaines versions de IE ...
voici la css actuelle :
html {min-height: 100%;}
* {
	margin: 0;
	padding: 0;
}

a {color: #963;}
a:hover {color: #C60;}

body {
		background: #c7ab84 url(img2/background.gif) /*repeat-x */top;
color: #444;
	font: normal 62.5% Tahoma,sans-serif;
}
p,code,ul {padding-bottom: 1.2em;}
li {list-style: none;}
h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}
blockquote {
	background: url(img2/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
h1,h2,h3 {padding-top: 6px;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 950px;

}
/* header */
.top {
	padding: 5px 10px 0;
}
.header {
	background: #FFF;
	font-size: 0.8em;
	height: 250px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 950px;
}
.header h1{
	color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:30px 0 0 10px;	
}
.header h2{
	color: #ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:50px 0 0 10px;	
}

.header .left {
	background: #B3C2C7 url(img2/header.jpg) no-repeat;
	font: normal 1.8em "Trebuchet MS",sans-serif;
	width: 950px;
	height:250px;
}
/* navigation */
.navigation {	
	background: #D9E1E5 url(img2/nav.gif);
	height: 41px;
	margin:0 auto;
	font: bold 13px sans-serif;
}

.navigation a {
	background: #D9E1E5 url(img2/nav.gif);
	border-right: 1px solid #ffffff;
	color: #456;
	display: block;
	float: left;
	font: bold 12px sans-serif;
	line-height: 41px;
	padding: 0 13px;
	text-decoration: none;
}
.navigation a:hover {background-position: left bottom; color: #234;}
/* main */
.main {
	background:#FFF0C2;
}
/* sub navigation */
.sidenav {
	float: right;
	width: 210px;
	background:#a8e5a7;
}

.sidenav h2 {
	color: #ffffff;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
	text-align:center;
}

.sidenav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}

.sidenav li {border-bottom: 1px solid #EAEADA;}

.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}

.sidenav li a:hover {
	background: #ebf6e6;
	color: #654;	
}

.sidenav .image {
	width:210px;
}
.image {
	width:100%;
}

/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 700px;
}

.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}

.content li {
	list-style: url(img2/li.gif);
	margin-left: 18px;
}

.content p {font-family: "Lucida Sans Unicode",sans-serif; 	font-size: 13px;
}
.footer {
		border-top: 10px solid #FFF;
		background:#a8e5a7;
color: #FFF;
	font: bold 1em sans-serif;
	line-height: 40px;
	text-align: center;	
}
.footer p{
padding-top:20px;	
}

.footer a,.footer a:hover {color: #FFF;}


ne vous préoccupez pas trop d'autres évenyuels petis 'codes', il s'agit là d'une page html qui devrait servir à adapter le look au template d'un cms, mais pour ces deux gros points toute aide sera la (très) bienvenue !
grand merci à l'avance
@+ b g
A voir également:

4 réponses

geek85 Messages postés 511 Date d'inscription   Statut Membre Dernière intervention   151
 
ravi d'avoir pu t'aider!
2
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
Ravi d'avoir pu t'aider! 

??? j'espère que c'est une plaisanterie ....
je mets le post en "résolu" en espérant sur un autre une véritable aide ...
et d'où vient ce "+ " sur ta réponse ??? tu "plussoies" toi-même ???
0
VieTgOOx Messages postés 160 Date d'inscription   Statut Membre Dernière intervention   26 > bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention  
 
Essaie de te mettre +1 à tes propres poste pour voir??

Et puis d'où viens toute cette agressivité, il ne faisait que te donner son avis, il a pris la peine de te répondre déjà et regarde comment tu lui parle. Il n'est pas obligé de savoir que tu es déjà au courant.

Enfin bref peu importe.

Bonne continuation tout de même et bon courage.

A+,
VieTgOOx.
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409 > VieTgOOx Messages postés 160 Date d'inscription   Statut Membre Dernière intervention  
 
si c'est votre mentalité : lire à moitié pour répondre un peu tout et n'importe quoi partout, bravo !!! mais pour l'efficacité d'un forum d'entraide ce n'est pas vraiment le but du jeu ...
il a peut-être pris "la peine de me répondre" mais mais pour l'aide que je demandais ...
et quant à ta réflection sur le 'plussoiement" ... je soumets ...
@+ b g
(il y a des jours où ... !)
0
VieTgOOx Messages postés 160 Date d'inscription   Statut Membre Dernière intervention   26 > bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention  
 
MDR!

Je cite ta signature (ton proverbe) :

"merci d'avoir la politesse de répondre à ceux qui essaient de vous aider"

Je cite ce que tu lui dit:
"et maintenant que toi tu as "pourri" "
"je mets le post en "résolu" en espérant sur un autre une véritable aide ..."

Très polie comme réponse à quelqu'un qui "essaie" de t'aider =) ! Si toi tu ne trouve pas ça un peu trop brutale c'est qu'on a un problème de compréhention et qu'on est pas sur la même longueur d'ondes.
Bref, je ne suis pas là pour me prendre la tête ce sera donc mon dernier message sur ce topic car jusque là, aucun de nous n'est constructif.

Bonne continuation.
VieTgOOx.

PS: Et si quelqu'un lui a mis +1 c'est qu'il apprécie l'ironie =) en tous cas ce n'est pas moi.
0
geek85 Messages postés 511 Date d'inscription   Statut Membre Dernière intervention   151
 
bonjour,

pour le problème principal, je ne vais pas pouvoir t'aider, par contre pour ton "autre" problème, je dirais que ce n'est pas "ton" problème mais le problème des utilisateurs s'ils utilisent encore du IE6 et consorts... tu peux même mettre un petit bandeau pour ces utilisateur leur conseillant d'installer un navigateur plus récent,
voir un lien vers un site du type de celui-ci:
http://www.linternaute.com/hightech/dossier/07/09/comparatifnavigateur/1.shtml

sans vouloir faire l'intégriste, ce n'est pas aider les utilisateur que de se pourrir son code afin que "leurs" versions obsolète soit supportée. les standards existent justement pour éviter cela!
1
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
merci de cette réponse, mais tout ça je le savais .... et maintenant que toi tu as "pourri" (enfin j'espère que non !) ma demande avec cette réponse ... j'ose espérer que quelqu'un prendra le temps de se pencher sur le problème évoqué
0
Ozimandias Messages postés 505 Date d'inscription   Statut Membre Dernière intervention   46
 
Pour ton premier soucis, je ne vois qu'une solution, calculer avec un javascript la taille qu'il faut et la lui gaver en force.

Trouver la taille de la fenêtre puis la mettre en force sur le Div:
<script type="text/javascript">
<!-- Debut
// JavaScript pris sur le site: "http://www.java.scripts-fr.com"

if (document.body)
{
var haut = (document.body.clientHeight);
} 
else
{
var haut = (window.innerHeight);
}

document.getElementById['le id de ton div ici'].style.height.value = haut;

// fin du script -->
</script> 




Par contre il te faudra ajouter dans ton div: <div style="height:auto;" id="id de ton div">
Qu'est ce qui ne passe pas sur ton menu? j'utilise firefox et tout marche bien.
0
bg62 Messages postés 23732 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
Pour ton premier soucis, je ne vois qu'une solution, calculer avec un javascript la taille qu'il faut et la lui gaver en force.

Trouver la taille de la fenêtre puis la mettre en force sur le Div: 

il n'a jamais été question d'insérer du Javascript pour une "fenêtre" .... mais d'essayer de corriger une feuille de style ...
0