Au sujet des navigateurs
Au sujet des navigateurs - HTML/CSS - Programmation
Marsh Posté le 22-09-2006 à 14:02:17
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?
Marsh Posté le 22-09-2006 à 14:11:28
ah...c vraiment la seule solution y'a pas un truc à changer ds l'en-tête ou un truc ds le genre?
Marsh Posté le 22-09-2006 à 14:11:51
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?
Marsh Posté le 22-09-2006 à 14:31:43
<!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><!-- /header1 -->
<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>
<!--label for="Target language">Target language</label-->
</div>
<div id="center">
</div--> <!--center-->
<div class="reset"> </div><div class="reset"> </div>
</div><!-- /body -->
</div><!-- /body container -->
<...>
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
Marsh Posté le 22-09-2006 à 14:49:08
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;
}
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"
Marsh Posté le 22-09-2006 à 13:50:20
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