 | |
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
Kinase
frontpage mioche
|
 Pb avec Moz et Opera , Posté le: 01-12-2003 17:03 |
|
|
voici ce que j'ai "bricole":
Ca marche impec avec IE mais y a "search qui est plus haut avec Moz et Opera et la partie bottom merde completement.
| Code: |
<style type="text/css">
#container
{
width: 800px;
margin: 10px auto;
background-image: url('bg2.jpg');
color: #000050;
border: 1px solid #000040;
}
#top
{
padding: 0;
background-image: url('header3.jpg');
height: 90px;
border-bottom: 1px solid #000040;
}
#search
{
clear: both;
background-image: url(bar.gif);
border-bottom: 1px solid #ff8000;
height: 30px;
}
#navlist li
{
float: right;
display: inline;
list-style-type: none;
padding-right: 20px;
margin-top: 5px;
}
#navlist li
a
{
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #000030;
}
#navlist li
a:hover
{
text-decoration: none;
color: #d70000;
font-weight: bold;
}
#leftnav
{
float: left;
width: 150px;
margin: .5em;
padding: .5em;
background-color: transparent;
font-family: Verdana;
font-size: 11pt;
color: #036;
font-weight: bold;
}
#navleft { width: 160px;
margin: 0;
padding: 0;
}
#navleft ul
{
margin-left: 0;
padding-left: .5em;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navleft a
{
display: block;
padding: 3px;
width: 140px;
font-size: 7pt;
color: #ff8000;
background-color: #036;
border-bottom: 1px solid #eee;
}
#navleft a:link, #navlist a:visited
{
color: #ff8000;
text-decoration: none;
}
#navleft a:hover
{
background-color: #369;
color: #fff;
}
#rightnav
{
float: right;
width: 60px;
margin-top:35em;
padding: 1em;
text-align: center;
}
#content
{
margin-left: 240px;
border-left: 1px solid #ff8000;
border-bottom: 1px solid #ff8000;
margin-right: 100px;
border-right: 1px solid #ff8000;
padding: 1em;
font-family: Verdana;
font-size: 10pt;
color: #000040;
text-align: justify;
font-weight: bold;
line-height: 120%;
}
.im {
float: left;
margin-right: 5px;
}
#content a
{
text-decoration: none;
font-family: verdana;
font-size: 10pt;
color: #ff8000;
font-weight: bold;
}
#content a:hover
{
background-color: #ffad5b;
color: #5151ff;
}
#footer
{
width: 800px;
margin: 10px auto;
padding: 0;
text-align: center;
font-family: Verdana;
font-size: 8pt;
color: #000050;
font-weight: bold;
border: 0;
}
#navbottom
{
width: 100%;
padding: 0;
margin: 0;
background-color: transparent;
border-top: 1px solid #ff8000;
text-align: center;
}
#navbottom a
{
text-decoration: none;
font-family: verdana;
font-size: 10pt;
color: #ff8000;
font-weight: bold;
padding: .2em 1em;
}
#navbottom a:hover
{
background-color: #ffad5b;
color: #5151ff;
}
</style>
|
Mecri de m'aider. |
|
|
Kinase
frontpage mioche
|
| Pb avec Moz et Opera , Posté le: 02-12-2003 12:00 |
|
|
Voici le code HTML:
| Code: |
<body>
<div id="container">
<div id="top">
</div>
<div id="search">
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">Six</a></li>
<li><a href="#">Five</a></li>
<li><a href="#">Four</a></li>
<li><a href="#">Three</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">ONE</a></li>
</ul>
</div>
</div>
<div id="leftnav">
<p> texte</p>
<p> texte</p>
<p> texte</p>
<p> texte</p>
<p> texte</p>
<p> texte</p>
</div>
<div id="rightnav">
image
</div>
<div id="content">
<h3>TITRE</h3>
<p>BLA BLA BLA...</p>
<p>BLA BLA BLA...</p>
<p>BLA BLA BLA...</p>
</div>
<div id="navbottom">
<ul id="navbottom">
<li><a href="#">ONE</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
<li><a href="#">Four</a></li>
<li><a href="#">Five</a></li>
<li><a href="#">Six</a></li>
</ul>
</div>
</div>
<div id="footer">
<p> bla bla..</p>
</div>
</body>
</html>
|
la bar "search" est plus haute sur Moz et Opera.
Le "bottom" avec le menu est n'importe quoi avec Moz et Opera, en particulier quand la partie content est courte! |
|
|
salemioche
salemioche
 |
| Pb avec Moz et Opera , Posté le: 03-12-2003 9:14 |
|
|
dans ta css il y a du leftnav et du navleft, verifie et supprime ce qui est en trop c'est un peu trop lourd pour trouver sinon
ensuite il y a des div en float et d'autre pas, le resultat est du coup un peu different entre IE et les autres car il ne gere pas cela de la meme facon, le mieux : faire du float pour tout tes blocs.
.
______________________________________
creation site internet - Hébergement web - Agence Web |
|
|
Kinase
frontpage mioche
|
| Pb avec Moz et Opera , Posté le: 07-12-2003 21:27 |
|
|
y a en effet pas mal de superflu (je debute avec le css)!
en fait mon probleme principal est avec mozilla:
comment faire quand on a une colonne de gauche (secondaire) qui est pus longue que la colonne centrale (principale) pour que cette colonne de gauche ne sorte pas du conteneur. Ca va avec opera et IE mais rien a faire avec moz.
j'ai trouve des combines comme le spacer ou <hr> invisible mais marche pas avec moz. |
|
|
salemioche
salemioche
|
|
Kinase
frontpage mioche
|
| Pb avec Moz et Opera , Posté le: 08-12-2003 1:56 |
|
|
je crois que je vais m'arranger pour eviter ce probleme!
encore un truc qui est tres ennervant,
j'ai de temps a autres un petit espace entre la bordure et une image, conteneur... sans raison apparente!!!
a quoi est ce du??? |
|
|
salemioche
salemioche
|
|
|
  |
Accueil Forum
-> css |
Toutes les heures sont au format GMT + 1 Heure
|
| Page 1 sur 1 |
|
 S'enregistrer
 Profil
 Se connecter pour vérifier ses messages privés
 Rechercher
 Membres
 FAQ
 Connexion
|