[XHTML/CSS]2 problèmes (dont l'un avec Firefox) par Asakurayoh11 - page 1

Re-bonjour,

-----------------

En regardant ma page en construction sous Internet Explorer et Firefox, je remarque une différence énorme :
regardez : http://actuppc.free.fr/tests
Le bloc contenant News est surdimensionné sur Firefox.
(à noter que ce bloc dispose de la configuration des titres Edito, Matériel et logiciel a gauche)

EDIT : j'ai trouvé un compromis pour la barre de navigation. Il ne Manque plus que le problème avec firefox

-----------------

L'autre problème vient de la barre de navigation (Accueil, news, article...). En effet, j'ai beau configurer au CSS, la barre veut pas augmenter en largeur, régler les marges et tout. En fait, seule la couleur et les displays marchent...

-----------------
Voici le code CSS entier :

body
{
width: 1024px;
margin: 10px;
}

#toolbar1
{
font-size: 14px;
margin-top: 15px;
display:inline;
border-right: 1px solid black;
border-top: 2px solid black;
border-bottom: 1px solid black;
background-color: rgb(82,131,205);
padding: 3px;
padding-left: 50px;
padding-right: 50px;
}
#toolbar2
{
font-size: 14px;
margin-top: 15px;
display:inline;
border-right: 1px solid black;
background-color: rgb(71,165,73);
border-top: 2px solid black;
border-bottom: 1px solid black;
padding: 3px;
padding-left: 50px;
padding-right: 50px;
}
#toolbar3
{
font-size: 14px;
margin-top: 15px;
display:inline;
border-right: 1px solid black;
background-color: rgb(180,160,82);
border-top: 2px solid black;
border-bottom: 1px solid black;
padding: 3px;
padding-left: 50px;
padding-right: 50px;
}
#toolbar_rss
{
display:inline;
background-color: orange
}

#menu
{
float: left;
margin-top: 30px;
}
#edito, #materiel, #logiciel
{
border: 1px solid black;
width: 20%;
margin: 4px;
padding: 1px;
}
#edito_title, #materiel_title, #logiciel_title, #news_title
{
padding: 2px;
font-family: Arial;
background-color: rgb(82,131,205);
}
#edito_text, #materiel_text, #logiciel_text
{
padding: 5px;
background-color: rgb(240,240,240);
font-family: Arial;
font-size: 12px;
}
#news
{

width: 70%;
margin-left: 22%;
margin-top: 40px;
padding: 8px;
background-color: rgb(240,240,240);
}

#news_general, #news_materiel, #news_logiciel
{
border: 3px;
}
#news_general_title, #news_materiel_title, #news_logiciel_title
{
border-bottom: 2px;
background-color: rgb(223,216,187);
font-family: Tahoma;
padding : 2px;
font-weight: bold;
border: 5px;
}
#general_news_img
{
text-align: center
}
#old_news
{
background-color: rgb(101,136,201);
float: right;
font-size: 10px;
}
#news_news
{
font-size: 12px;
font-family: Tahoma;
}
.news_title
{
background-color: rgb(139,163,157);
font-weight: bold;
}

Merci pour les réponses

Asakurayoh11

2 février 2006 à 13:16:39