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
Enlever couleur lien css ✓ - Forum CSS
Mettre une image à gauche css ✓ - Forum CSS
Css exposant ✓ - Forum CSS
Css download - Télécharger - HTML
Déplacer une image css - Forum CSS

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

[CSS] Forcé retour à la ligne

trait horizontal avec du css

HTML - définir taille bouton

[CSS] Mettre un objet au premier plan

Enlever le soulignement sous les liens en HTML/CSS

Discussions similaires

Newsletters