Au sujet des navigateurs

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Au sujet des navigateurs

acorsa

Bonjour,
J'ai développé un site en php, html et je me pose des questions sur les navigateurs. En effet mon site ne s'affiche pas de la même façon sous IE et sous Firefox. Savez-vous comment remédier à ce problème?
Merci

Publicité

jagstang

Pa Capona ಠ_ಠ

faut régler les problèmes au cas par cas...

---------------
What if I were smiling and running into your arms? Would you see then what I see now?

acorsa

ah...c vraiment la seule solution y'a pas un truc à changer ds l'en-tête ou un truc ds le genre?

jagstang

Pa Capona ಠ_ಠ

lol non. poste le code qui pose problème

---------------
What if I were smiling and running into your arms? Would you see then what I see now?

acorsa

<!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" xml:lang="en" lang="en">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://xxx.ovea.net/UK/News%20&%20

Events/rss_news_export.php" />

<link rel="stylesheet" media="print" href="./shared/css/lib_defaultprint.css">
<link rel="stylesheet" media="screen" href="./shared/css/lib_global.css"">
<link rel="stylesheet" media="screen" href="./shared/css/lib_page.css"">
<link rel="stylesheet" media="screen" href="./home/css/lib_home.css">

<title>titleXXX :: home</title>
</head>
<body>
<div id="wrapper">
<div id="header1">
<p id="logotype"><a name="top"><img src="./shared/images/monImage.gif" alt="xxx"></a></p>
<dl id="scope">
<dt>The subject of this page applies in:</dt>
<dd>subject</dd>

</dl>
<dl id="alternative">
<dt>Alternative website:</dt>
<dd><a href="http://www.xxx.com/" target="_blank">xxx</a></dd>
<p id="logotype2"><a name="top"><img src="./shared/images/monLogo.jpg" alt="

xxx"></a></p>
</dl>

</div>

<hr class="hidden">

<h1>
<div id="background_header">
<img src="./shared/images/bleu.bmp" />
</div>
</h1>

<div id="headlines">
 <a href="http://www.xxx.fr" title="Go to home page">Home ></

a>  
</div>

<hr class="hidden">

<div id="body-container">
<div id="body">

<div id="left">

<form method="GET" action="./lingua/user/search.php">
<p><input type="text" name="q" value="">
<button type="submit">Search</button></p>
</form>
<h3><p>


</div>

<div id="center">

</div--> 

<div class="reset"> </div><div class="reset"> </div>

</div>
</div>
<...>
Bon voilà le début. Je suis désolée de pas tout te mettre ms si tu veux le code en entier il faut que je modifie des trucs avant...
Je te donne l'exemple de 2 trucs qui ne s'affichent pas avec ie:
Le logo: <p id="logotype2"><a name="top"><img src="./shared/images/monLogo.jpg" alt="xxx"></a></p>
et le titre : <dd>subject</dd>, le titre s'affiche ms partiellement.
Je te remercie.

Message édité par acorsa le 22-09-2006 à 14:33:50

anapajari

s/travail/glanding on hfr/gs;

sans les css ça va etre dur ...

acorsa

ouai ms c super long!!Bon normalement ici je n'utilise que celle-là:
@charset "UTF-8";

#wrapper {
padding: 133px 0px 0px 0px;
}
img{
border: none;
}
#logotype {
position: absolute;
left: 17px;
top: 10px;
}

/*logo de Babel Word*/
#logotype2 {
position: absolute;
left: 70px;
top: 80px;
}

#background_header {
background: url(./shared/images/bleu.bmp) no-repeat right top;
}

/*subject*/
#scope dd {
left: 280px;
top: 125px;
font-size: 40px;
/* text-transform: lowercase;*/
}

#header1 {
height: 55px;
}

#header3 {
border-bottom: #b7b7b7 1px solid;
}

#alternative dd {
background: #3366FF url(../images/bg_header1_r_ff.gif) no-repeat right top;
}

#alternative a, #alternative a:hover, #alternative a:active {
color: White;
/* note : penser ajouter un background right pour la fleche blanche */
}

#header2 form {
background-color: #b7b7b7;
}
#productSearch label { color:#fff;}

#header3 {
top: 55px;
}

#body-container{
font-size: 11px;
background: #ffffff url(../images/abx/bgbody-pattern.jpg) repeat-y;
}
#body {
position: relative;
width: 757px;
top: 0px;
padding: 0 0 0 1px;
border-style: none;
background: transparent url(../images/abx/body-background.jpg) no-repeat;
font-height:11px;
}
#body h1 {
/*display: block;*/
}

#left-nav{
float: left;
width: 207px;
text-align: right;
padding-top: 130px;
}
#left-nav h2{
margin: 0 10px 80px 0;
padding-left: 100px;
width: 100px;
}
#left-nav h3{
margin: 0 10px 0 0;
text-transform:capitalize;
}
#left-nav ul{
margin-top: 5px;
}
#left-nav li{
padding: 0 11px 0 0;
list-style: none;
height: 15px;
text-transform:capitalize;
}
#left-nav li.selected{
background: url(../images/list.gif) no-repeat right;
padding: 0 11px 0 0;
list-style: none;
height: 15px;
}
#left-nav li.movie{
background: url(../images/movie.gif) no-repeat right;
padding: 0 30px 0 0;
list-style: none;
height: 22px;
margin-right: 10px;
}
#left-nav li.print{
background: url(../images/print.gif) no-repeat right;
padding: 0 35px 0 0;
list-style: none;
height: 22px;
margin-right: 5px;
margin-top: 5px;
}

#thumbnails{
margin:0 0 20px 0;
/*width:425px;*/
float: right;
padding-left: 0px;
}
.thumb{
float: left;
margin: 5px 0 0 0px;
}
.thumb dt{
text-align: center;
height:45px;
width:100px;
}
.thumb dd{
text-align: center;
margin: 0 0 0 5px;
width:90px;
line-height: 13px;
}
#claim{
clear: both;
text-align:right;
}
#claim img{margin-bottom:20px;}
#claim p{
margin:0 0 0 0;
padding:0 0 0 0;
}
#product_image{
margin-bottom:20px;
}
#right-content{
float: right;
width: 450px;
padding-top: 10px;
padding-right: 20px;
margin-bottom: 30px;
}
#right-content h1{
display: block;
font-size: 18px;
}
#right-content ul{
padding: 0 0 0 10px;
margin: 0;
}
#right-content li{
background: url(../../shared/images/content-right-list.gif) no-repeat 0 7px;
padding: 5px 0 0 15px;
list-style: none;
/*line-height: 13px;*/
}
#right-content table{
margin-top: 10px;
width: 100%;
}
#right-content th{
background: #A3A3A3;
color: White;
text-align: left;
padding-left: 5px;
}
#right-content #img_title{
margin:50px 10px 50px 0px;
text-align:right;
}

dl.preview{
width: 450px;
padding-top:20px;
clear:both;
}

.preview dt{
text-align: right;
float:left;
width:250px;
}
.preview dd{
text-align: left;
margin-left:270px;
line-height:12px;
}
.preview dd h2{
margin-bottom:4px;
}
.preview dd img{
vertical-align:bottom;
margin-bottom:-2px;
}

.more-info{
/* background: url(../images/more-info.png) no-repeat right;*/
height: 25px;
font-weight: normal;
color:#7A7975;
}
A.link, A.file{
background: url(../images/link.png) no-repeat left;
display:block;
padding:10px 0px 0px 50px;
height: 30px;
float:left;
}
A.file{
background: url(../images/file.png) no-repeat;
float: right;
}

#fix-height{
border:0px solid red;
width:1px;
height:400px;
float:left;
}

#imageArea{display:none;}
.reset{
clear: both;
}

FORUM HardWare.fr

Programmation

HTML/CSS

Au sujet des navigateurs

Sujets relatifs
au sujet de code barre	recherche post sujet manomètre et aiguille qui tourne
sujet de mémoire	Derniers sujet en PHP sur le portail
adapter code opera aux autres navigateurs	Pleine fenetre sur navigateurs windows
Rédéfinition de sujet	encore un sujet facile !!!
script php et compatibilité des navigateurs	Aide compréhension de sujet prog. Classe "contrôle"
Plus de sujets relatifs à : Au sujet des navigateurs

Page générée en 0.045 secondes