28172 sujets

CSS et mise en forme, CSS3

...Height 100%

Salut a tous!!!

Je sais que ce sujet revient souvent mais je n'arrive pas trouver la solution .. et a force je ne sais plus ce que je fait !^^

Voila .. comment je peu faire pour que ma page s'adapte a la taille du navigateur?!
Je doit avoir un truc qui me l'empêche! Mais quoi??

Merci beaucoup d'avance!

Voici le code CSS:

html, body {
		margin: 0;
		padding: 0;
		min-height:100%;
		height:100%;
		overflow:auto;

}
div#page {
		position: relative;
		width: 100%;
		margin: 0 auto;
		min-height: 100%;
}

#form1, container {
  min-height: 100%;
}
.general
{
	width:100%;
	height:100%;
}
.entete 
{
	color:white;	
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	border:0px;
	padding:5px;
	background : url('img/degrade.gif') repeat center;
}
.informations 
{
	background-color : #DAF3FF;
	margin : 0px 0px 0px 0px;
}
.footer 
{
	background-color : #B7DEFF;
	border-bottom : #FFFFFF 2px solid;
	padding : 0px;
	vertical-align : bottom;	
	text-align : center;
	width : 100%;
	height : 80px;
}


Et voila le code html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Blabla</title>
    <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="page">
    <form id="form1" runat="server">
    <div id="container">
    <table class="general">
			<tbody>
				<tr class="footer"><td style="height: 80px"></td></tr>
				<tr><td class="entete" id="entete">blablablabla</td></tr>
				<tr class="informations" align="center" valign="middle">
				  <td>
						<table class="info">
							<tr>
							  <td>
                              	<img alt="TRAVAUX" src="img/travaux.gif" width="235" height="240"/>
                              </td>
								<td>
                                	<table><tr>
									<td class="logo">
									<img alt="logo" src="img/logo.gif" />
									<img class="logo2" alt="logo2" src="img/logo2.gif" />
									</td>
                                    </tr>
                                    <tr class="titre">
                                    <td> 
                                    <h1>
                                    <% = afftitre() %>                           
                                    </h1>
                                    </td>
                                    </tr>
                                    <tr>
                                    <td class="contenu">
                                    <p>
									 
                                    </p>
                                    </td>
                                    </tr>
                                   </table>
                              </td>
                          </tr>
						</table>
				  </td>
		    </tr>
				<tr class="footer"><td colspan="2" align="center">
						<table>
							<tbody><tr>
								<td class="labellog">copyright 2009
                                              </td>
					</tr>
			</tbody>
		</table>
        </td>
        </tr>
        </tbody>
        </table>
    </div>
    </form>
</body>
</html>

Modifié par TanKer (13 Jul 2009 - 10:25)
Salut,
Nolem a écrit :
Au passage, l'attribut runat à l'élément form est inconnu et cette syntaxe me semble fausse (<% = afftitre() %>)
On en voit pas beaucoup par ici, mais c'est simplement de l'asp.NET Smiley smile (et je ne suis pas sûr que le runat="server" serve à quelque chose sur ce head, en passant).
Modifié par marcv (13 Jul 2009 - 19:13)
Oui effectivement c'est du asp.net et le runat dans le head ne sert a rien pour l'instant! Smiley smile

Sinon pour mon height=100% j'ai tout refait et ça a l'air de marcher! Merci quand même !! Smiley biggrin

@++
Sujet clos
Aller à