28221 sujets

CSS et mise en forme, CSS3

Dépassement height sous IE, bordure cachée

Bonjour,

J'ai un p'tit souci sous IE : je ne vois plus la bordure inférieure d'un conteneur de design fixe lorsque sa hauteur dépasse celle de la page.

XHTML :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title></title>
</head>
<body>
<div class="conteneur">
<div class="bloc"></div>
</div>



XHTML :



.conteneur
{
position:relative;
top:20px;
width:800px;
border:solid 5px green;
}
.bloc
{
width:400px;
height:1200px;
background-color:gray;
}


// IMPORTANT //
Ceci n'est pas un code parfait sous Mozilla et autres navigateurs mais seulement un bout de script simple pour illustrer mon problème.

//IMPERATIF - CONTRAINTES //
=> il faut que le conteneur soit positionné (absolu ou relatif) et conserver le top:20px

Voici l'url (only IE) :
http://www.accrochweb.com/internet_explorer/index.htm

C'est certainement très simple... mais comment faire ?

Merci d'avance ! Smiley biggrin
Modifié le 13 Dec 2004 - 12:16
Bonjour,

1- J'imagine que la solution qui consisterait à réduire la taille de ton second <div> ne te convient pas ? Sinon, c'est ce qu'il faut faire.

2- Tu peux peut-être regarder du côté de la propriété CSS "overflow". Peut-être le "scroll" peut-il régler ton problème lorsqu'il y a un contenu dans ton second div.

Pour ma part (débutant) : pas d'autre solution.

GS.
Bonjour tulipe44 et bienvenue sur le Forum Alsacréations.

Puisque c'est ton post, je t'invite à lire : Aide / Règles
Aide / Règles a écrit :

11- Conventions d'écriture
...un texte entièrement rédigé en majuscules donne l'impression que la personne crie sur un ton agressif, sur internet...


Merci ! Smiley cligne
Modifié le 13 Dec 2004 - 18:22
Bonjour et bienvenue tulipe44,

... Et, en attendant les réponses, pour modifier un post déjà en ligne, tu peux utiliser la touche "Editer" en haut à droite de ton message Smiley cligne
Tu dois fermer tes balises </body></html>.

Je ne sais pas si ça règle le problème, mais ça ne peut pas nuire ! Smiley cligne
Ca n'a pas grand chose à voir, mais comment fait-on pour qu'un bloc apparaissent devant un autre, je veux dire "par dessus" ?

Pour l'instant j'avais eu de la chance, mais, là, je bloque ! Hihi !

Merci !
Bonjour Djano,

Pourquoi n'ouvres-tu pas un nouveau sujet pour ta question ???
Celle-ci va certainement être effacée de cet échange Smiley cligne
Sujet clos
Aller à