Probléme css

Fermé

autogeek Messages postés 27 Date d'inscription mercredi 30 septembre 2009 Statut Membre Dernière intervention 18 février 2010 - 16 nov. 2009 à 19:40
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 16 nov. 2009 à 20:11

Le blem c'est que j'ai remarquer qu'en redimensionnent la page, la banniere et le menu bougent de gauche a droite, alors le ''container'' en bas, reste fixe, ce qui donne un beau désordre !

Est-t'il possible ou bien d'empêcher le menu et la bannière de se déplacer, ou alors permettre au container de suivre ?

Code :

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-gb">
<meta name="description" content=""
><meta name="keywords" content="">
<link rel="Shortcut Icon" href="/images/S.ico" type="image/x-icon"></head>

<style type="text/css">
td img {display: block;}#Layer1 {
position:absolute;
left:424px;
top:346px;
width:933px;
height:693px;
z-index:1;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("/bg-bubplastic-h-gray.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer li#active { background: url("/bg-bubplastic-h-gray.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("/bg-bubplastic.gif") repeat-x 20px; }

#navcontainer{
margin:auto;
width:500px;
}

</style>

<title> Itay </title>

<body bgcolor="#D4E4F2">

<div align="center"><img src="/image3" width="549" height="146" /></div>
</p>

<div width id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu3</a></li>
<li><a href="#">Menu4</a></li>
<li><a href="#">Menu5</a></li>
</ul>
</div>

</ul>
</div>

<div id="container"></div>
<div id="Layer1">
<iframe src="/news.htm" name="main" width="50%" height="50%" frameborder="0" allowtransparency="true"></iframe>

<div id="pied_de_page">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>------------------------------------------------------------------------------------------------------------------------</p>
<p> </p>
</div>
</div>
</div>

</head>

A voir également:

Probléme css
Css premier plan ✓ - Forum CSS
Enlever couleur lien css ✓ - Forum CSS
Css download - Télécharger - HTML
Background color css ✓ - Forum CSS
Code source cv html css pdf - Forum HTML

1 réponse

Réponse 1 / 1

notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 213
16 nov. 2009 à 20:11

Bonsoir à toi aussi,

Déjà, si le code html est dans le head, ça ne peut que poser des problèmes...
Passe ta page au validateur, corrige les erreurs, on verra après

Discussions similaires

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

HTML - définir taille bouton

[CSS] Forcé retour à la ligne

indice et exposant en css ?