28173 sujets

CSS et mise en forme, CSS3

[Résolu] Cadres à égales distance des bords

Bonjour j'aimerais savoir comment faire un bloc (avec une couleur de fond) qui soit
(par exemple)
- de 150px de large
- collée à gauche
- à 80px du haut et 80 px du bas
- même en redimensionnant la fenêtre

(sous IE et FF)

Merci.
Oups désolé
<html>
<title>mapage</title>
<head>
<style type="text/css">
body {
margin:0; padding:0; width:100%; height:100%;
position:relative;
}
#bloc {
width:150px; 
position:absolute; left:0px; top:80px; bottom:80px;
background-color:#FF0000; color:#fff;
}
</style>
</head>
<body>
<div id="bloc">
<p>yahoo ça marche</p>
</div>
</body>

Modifié par noklio (04 Nov 2006 - 00:16)
je cherche à avoir la barre orange à gauche sous IE (car ça fonctionne sous FF)

Je préfère que vous me proposiez quelque chose plutot que d'essayez de corriger mon truc qui est horriblement codé.

(ici la barre fait 80px de large est à 80px du top et autant du bottom)

Merci d'avance et aussi merci pour la rapidité des réponses précédentes.

@noklio j'ai essayé ton truc mais il faut specifier height (ce que je ne veux pas car ça doit être dynamique chez moi)
Modifié par roswell-51 (03 Nov 2006 - 23:48)
Oups désolé
<html>
<title>mapage</title>
<head>
<style type="text/css">
body {
margin:0; padding:0; width:100%; height:100%;
position:relative;
}
#bloc {
width:150px; 
position:absolute; left:0px; top:80px; bottom:80px;
background-color:#FF0000; color:#fff;
}
</style>
</head>
<body>
<div id="bloc">
<p>yahoo ça marche</p>
</div>
</body>
Sujet clos
Aller à