18073 sujets

Questions générales et questions de débutants

Question de bordures....

Bonjour à tous,

Je m'en reviens vers vous pour une question technique CSS, pour un nouveau site sur lequel je bosse.
http://users.skynet.be/averagerecords/versus/[/url]

Je désirerais qu'une bordure blanche de 20px environ apparaisse tout autour de l'écran, j'ai deja essayé, mais soit il n'apparait rien, soit j'ai une bordure juste au dessus et seulement si j'ai un contenu.

Il faut savoir qu'il n'y aura que cela en page de début, donc je n'ai pas de contenu. Il faut que je force les browser à travailler en 100% de haut mais ca marche po... Smiley decu 



*, html, body {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
background-color: #333;
font-family: arial;
}

#global {
width: 100%
height: 100%;
margin: 0;
background-color: #fff;
}

	
#horizon	
	{
		color: #333;
		background-color: #66cc00;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
		overflow: visible;
		visibility: visible;
		display: block;
	}


#texte	
	{
		background-color: #333;
		margin-left: -195px;
		position: absolute;
		top: -25px;
		left: 50%;
		width: 390px;
		height: 50px;
		visibility: visible;
	}


h1{
text-align: center;
color: #ffffff;
font: bold 36px Arial;
height: 100%;
}

h2 {
    text-align: center;
    color: #C5FF8A;
    font: normal 14px Arial;
   }

</STYLE>
</HEAD>

<BODY> 
 
<DIV id="global">
	<DIV id="horizon">
		<DIV id="texte">
			<H1>VERSUSCREATIONS</H1>
			<H2>advertise with a twist of style</H2>
		</DIV>
	</DIV>
</DIV>



Merci de m'aider si vous savez!! Smiley cligne
Administrateur
humbucker a écrit :
http://users.skynet.be/averagerecords/versus/[/url]

Voir les Règles pour l'écriture des URL sur le forum Smiley cligne
Hum, hum, ... humbucker, je ne suis pas sure de comprendre. Peut-être que tu te complique la vie en faisant les choses de manière indirect. Je lis que tu veux une bordure tout autour de l'écran, et je ne vois nullement de propriété « border » dans ton code css.

Quelle est ta stratégie ?

p.s. en fait tu travail pour skynet ou tu veux créer un site perso chez eux ?
Salut je viens de regarder. Il y a en fait plusieurs problemes de compréhéension.

Si tu dis a une div de faire width : 100% et d'avoir 28px de border, elle va faire en réalité 100%+28px de with !!

Dans ton cas spécifié width: 100% pour ta div global ne sert a rien et fait depasser la div de 56 px (2X28) à droite. EN effet la div si sa largeur n'est pas spécifiée prend toute la place disponible : ici : 100%-56px !!

Idem pour le height de cette div.

Enfin si la div global ne contient rien d'autre que d'autres div pourquoi ne pas utiliser la div (non non n em grondez pas) <body> ?

Dernier point il faut ecrire ton code en miniscule si tu veux faire du beau standard !!
Modifié par gilles6975 (17 Feb 2006 - 18:02)
Sujet clos
Aller à