1er site xHTML + CSS. Prob de scroll Moz' et IE. Prob de background !

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : 1er site xHTML + CSS. Prob de scroll Moz' et IE. Prob de background !

bibije

euh...ben bibije...

Chalut chalut.. :sleep:
BONSOIR ! ... :heink:
bon..

Je suis en train de faire mon (presque) premier site. Il sera compatible 1024x768 et +. Pensez-vous que cela soit trop ? Yen a encore qui tourne en 800x600 !?

-Voici le premier prob dans IE, la barre de scroll du bas s'affiche alors qu'elle ne sert strictement a rien. Meme en 1280x1024 ou on voit un grand vide sur la droite,,,elle est toujours la. :fou: J'ai bien verifié la taille des calques,,les marges etc...ça fait tte la journée que jsuis dssus :pt1cable: .

Image prob IE:
http://img148.imageshack.us/img148 [...] ite0rl.gif

-Jai aussi un prob parmis d'autres avec Mozila FireFox (car jessaye de le rendr ecompatible avec les deux) et l'image de fond de mon calque qui contient les "articles" se stope a un certain niveau, sans que je sache pour qu'elle raison. Quel serait le parametre a changer la dedans ? Quel modif dois-je faire ? (j'ai la chance de posseder DWeaver MX).

Image sous MFF :
http://img278.imageshack.us/img278 [...] aol0wb.gif

MERCI a tous !
Je vous met bientot (ce soir ?) un lien vers mon site pour avoir des com's.
thx ! :hello:

Publicité

gatsusat

sans code on peut po t'aider à corriger tes problèmes, le mieux c'est d'aller sur HTML/CSS/JS dns le forum programmation

bibije

euh...ben bibije...

Oui mais p-e que c'est un probleme courant, vous pourriez p-e m'indiquer des trucs a verifier et qui pourrait etre la cause de ceci...

je vais voir si je post danx la parti prog ce soir..

merci a toi..

gatsusat

je veux voir le code CSS et le code HTML et là jte répondrai

bibije

euh...ben bibije...

voici le code du jeu de cadre:

Code :

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<frameset rows="*" cols="222,*" framespacing="0" frameborder="no" border="0">
<frame src="Frame-menu-2.htm" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" />
<frame src="index%20ac%20menu.htm" name="mainFrame" id="mainFrame" />
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>

la feuille de style :

Code :

/*-----Définitions générales, balises-----*/
body {
background-image: url(images/bg.gif);
background-repeat: repeat;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
letter-spacing: 1px;
}
/*-----Div global-----*/
#conteneur {
width: 770px;
position: absolute;
left: 0px;
background-image: url(images/bgConteneur.gif);
background-repeat: repeat-y;
padding-left: 5px;
padding-right: 0px;
top: 22px;
height: 621px;
}
/*-----Header-----*/
#header {
margin-bottom: 100px;
/*Taille*/
width: 760px;
height: 154px;
/*BackGround*/
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}
/*-----Logo----*/
#logo {
/*Taille*/
width: 280px;
height: 118px;
/*Positonnement*/
position: absolute;
top: 18px;
left: 272px;
}
/*-----Menu----*/
#menu {
/*Taille*/
width: 424px;
height: 82px;
/*Positonnement*/
position: absolute;
top: 154px;
left: 307px;
margin: 0;
/*BackGround*/
background-image: url(images/menu.jpg);
background-repeat: no-repeat;
/*Contenu*/
padding-top: 3px;
text-align: center;
color: White;
}
/*-----Footer-----*/
#footer {
/*Contenu*/
padding-top: 23px;
text-align: center; /*BackGround*/
background-image: url(images/footer.jpg);
background-position: -1px;
background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/
/*-----Menu_Cote-----*/
#menuc {
width: 220px;
height: 400px;
background-color: #CCCCCC;
margin-top: 22px;
margin-left: 0px;
position : absolute;
text-align: left;
background-image: url(images/bgmenu_frame_dec.gif);
background-position: -1px;
background-repeat: repeat-y;
}
#menuc_haut {
width: 229px;
height: 16px;
background-color: #CCCCCC;
margin-top: 8px;
margin-left: -11px;
position : absolute;
text-align: left;
background-image: url(images/haut_menu.jpg);
background-position: -1px;
background-repeat: repeat-y;
}
#menuc_bas {
width: 229px;
height: 16px;
background-color: #CCCCCC;
margin-top: 418px;
margin-left: -11px;
position : absolute;
text-align: left;
background-image: url(images/bas_menu_230.jpg);
background-position: -1px;
background-repeat: repeat-y;
}
/*--------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/
p.signature {
text-align: right;
font-size: 100%;
font-style: italic;
font-weight: bold;
}
.img_cliquable {
border: 3;
}
/*--------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/
h1 {
margin: 30px 80px 20px 40px;
font-size: 325%;
}
h2 {
margin: 30px 80px 20px 40px;
font-size: 200%;
}
h3 {
margin: 30px 80px 20px 40px;
font-size: 150%;
}
/*--------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------*/
/*-----Paragraphes du div#principal-----*/
#main p {
margin: 10px 50px 10px 40px;
/*text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */ */
}
#main img {
border: 0;
}
/*
#main P:first-letter {
font-size: 200%;
font-weight: bold;
}*/
/*-----Encart-----*/
p#encart {
margin: -20px 20px 20px 20px;
/*Taille*/
/*width: 240px;
height: 122px;*/
/*Positonnement*/
float: left;
}
/*-----EncartIN----*/
p#encart_in {
margin: 20px 20px 10px 20px;
/*Taille*/
/*width: 240px;
height: 122px;*/
/*Positonnement*/
float:left;
}

J'ai pensé que les deux autre fichiers (la frame menu et frame principale) n'etaient pas necessaire vu qu'il y a le CSS...mais si tu les veux, je les mail ;-)
Je precise que le site n'est psa encore (du tout) terminé...yola..

Merci [:bibije] j'espere que j'ai pas fait de grosses bourdes..

gatsusat

bon on la refait la CSS c'est bien
le jeu de cadre j'en ai rien a battre, c'est la page principale ki a le problème pas la page des frame
et puis les frames C mallllllllll

bibije

euh...ben bibije...

les frames c'est mal mais si je dois changer le menu et que j'ai une dizaine de pages ben je vais etre comme un couillon aussi.. :sweat:

le code principal :

Code :

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>| Bienvenue | Nomdusite |</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<link rel="stylesheet" type="text/css" media="all" href="styles ac menu.css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="conteneur">
<div id="header"> <img src="images/logo.gif" alt="NomDuSite" name="logo" width="284" height="105" id="logo" />
<p id="menu"><span>Accueil   |   Moi/Nous  |
  Partenariats  |   Contact</span></p>
</div>
<div id="main">
<p align="left" id = "encart"><img src="images/prdts.jpg" alt="Nos Produits" /></p>
<h2>A qui s'adresse ce site ?</h2>
<p> Morbi mattis volutpat orci. In malesuada. Donec gravida faucibus felis.
Morbi volutpat rhoncus lectus. Curabitur pellentesque, lectus id dignissim
elementum, lacus risus venenatis tortor, at convallis lacuselementum, batus
a la chupa chups lacus risus venenatis tortor, at convallis lacus alea jakta
est faire pipi dans la piscine erat id arcu. Duis tellus metus, hendrerit
et, aliquet eu, accumsan vel, odio. Pellentesque lobortis scelerisque tellus.
In turpis. Nullam rhoncus. Etiam a nunc. </p>
<h2>Comment profiter pleinement de la lecture de ce site ?</h2>
<p> Aliquam vestibulum, lacus id hendrerit pulvinar, mi turpis auctor nibh,
a auctor tortor nulla eu diam. Maecenas elit eros, molestie nec, aliquam
vitae, lobortis ultrices, tellus. Fusce enim. Etiam aliquet ipsum quis sem
dignissim rhoncus. Sed sapien. Phasellus lectus. Nunc sollicitudin pretium
velit. Donec congue dignissim sem. Vivamus arcu nisl, aliquam nec, porta
quis, tempor congue, libero. Quisque cursus. Donec est lectus, eleifend
eu, aliquet sit amet, volutpat id, wisi. Phasellus est elit, placerat in,
iaculis in, molestie laoreet, wisi. Praesent placerat neque vitae tellus.
Duis urna tellus, pulvinar quis, facilisis id, sagittis in, neque. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac turpis
egestas. Fusce sit amet elit sit amet augue porttitor condimentum. Sed mauris.
Sed nec mi id mi accumsan varius. Vivamus accumsan metus sed sapien. Fusce
id tellus. Mauris eget nunc eget turpis lacinia fringilla. Nunc neque. Pellentesque
interdum fermentum odio. Nulla rutrum tempor eros. Etiam ornare massa sed
metus tempor consectetuer.</p>
<h2>Mais qui est donc cette jolie jeune fille ?</h2>
<p align="left" id="encart_in"><img src="images/visage.jpg" width="280" height="210"/>
</p>
<br>
<p> Donec in justo. In pulvinar, libero vel scelerisque ultricies, tellus
lectus porttitor pede, in tempus ligula ligula sed mi. Duis malesuada nulla
eu dolor volutpat dapibus. Etiam id dui a lacus feugiat semper. Ut id nulla
sit amet urna feugiat fringilla. In hac habitasse platea dictumst. Phasellus
iaculis enim sed justo rhoncus elementum. Ut elit lorem, lobortis vel, suscipit
vitae, pellentesque ut, eros. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Morbi est ante, posuere et,
fringilla in, elementum at, ipsum. Sed blandit. Proin tincidunt. Aliquam
vitae ante non metus convallis consectetuer. Maecenas vel nulla. Suspendisse
porttitor, nulla id interdum hendrerit, odio lectus pulvinar elit, eu rhoncus
urna metus vitae odio. Maecenas nulla purus, adipiscing auctor, commodo.
</p>
<h3 align="left">Note de l'auteur :</h3>
<p> Praesent velit mauris, mattis et, facilisis in, tristique sed, augue.
Sed lacus. Suspendisse egestas. Ut lacinia. Fusce ligula. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Quisque posuere tortor ut diam. Ut accumsan elit non neque. Suspendisse
euismod mattis pede. Vestibulum ante ipsum primis in faucibus orci luctus
et ultrices posuere cubilia Curae; In commodo mauris. </p>
<br>
<p class="signature">L'auteur.</p>
<br>
<br>
<br>
<p> <img src="valide_css.jpg" title="ce site est valide css2" alt="validation css2" />
<img src="valide_xhtml.jpg" title="ce site est valide xhtml 1.0" alt="validation xhtml" />
</p>
</div>
<div id="footer">
<p>Copyright © 2005 www.Bab-Art.com- Tous droits réservés - Conception
par <a href="mailto:coincoin1024@hotmail.com">coincoin1024</a></p>
</div>
</div>
</body>
</html>

Message édité par bibije le 05-07-2005 à 01:25:10

gatsusat

body {
background: url(images/bg.gif) repeat-y center top;

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
letter-spacing: 1px;
}

voila corriged

Message édité par gatsusat le 05-07-2005 à 02:02:32

bibije

euh...ben bibije...

merci de t'etre interressé a mon prob mais la ça ne resout pas le probleme et c'est meme pire :-/. Le font bug dans Mozila et dans IE c'est pire.

EDIT: je viens meme d'essayer quelques combinaisons sur ce bout de code et rien n'y fait. Ttjours pareil.. :sleep: ...
tu as testé la page chez toi ?

Voila. Merci.
Bonne nuit ;-)

Message édité par bibije le 05-07-2005 à 02:11:43

gatsusat

jpe po tester j'ai po les images

Publicité

an3k

powered on macintosh ^^

ouai : il faudrais peut etre mettre le site en ligne

bibije

euh...ben bibije...

C'est ce que j'essayais de faire hier soir, mais voila ne voulait pas de mon zip, alors qu'il les prend normalement, et LeechFTP ne veut pas se connect pour je ne sais quelle raison. Je vais voir ce que je peux faire.

EDIT: j'ai essayé Voila me les a pris mais le jeu de cadre me dit que les pages n'existent pas, et la feuille de style n'est pas chargée par la page. Ds easyphp ça marche mais pas la pff.. ca me saoule jsuis à la bourre thx a+

Message édité par bibije le 05-07-2005 à 15:10:20

leZone

http://www.fleurdepixel.fr

bibije a écrit :

Je suis en train de faire mon (presque) premier site. Il sera compatible 1024x768 et +. Pensez-vous que cela soit trop ? Yen a encore qui tourne en 800x600 !?

juste pour info :
perso je suis en 1024x768 mais je surfe jamais en plein écran car j'ouvre toujours plusieurs sites en même temps. donc vive les sites qui marchent quelque soit la taille de la fenêtre et surtout jamais en plein écran

sinon, jette un oeil à ces stats 'pros' même si elles sont un peu anciennes :
http://solutions.journaldunet.com/ [...] eurs.shtml

bye

bibije

euh...ben bibije...

Ouai c'est vrai. Merci leZone. J'ai pensé a rendre mon site redimenssionable mais j'ai entendu dire que c'etait plus difficil à mettre en place...en plus je vois pas trop quelle code ajouter..mais c'est pas un prob, je trouverais bien sur le net..

merci ;-)
a+

FORUM HardWare.fr

Graphisme

Web design

1er site xHTML + CSS. Prob de scroll Moz' et IE. Prob de background !

Sujets relatifs
Un site à la macromedia.com	Besoin d'avis sur site
Avis sur mon site musical	Avis : site glisse extreme (vente)
avis sur mon site	Photo B@R - Un site pour les photographes exigeants !
Site Station de ski - votre avis svp	Un site sur le Tennis - Quel est votre avis ?
[ Recherche ] Site médicaux	recherche de créateur de logo pr mon site perso ;)
Plus de sujets relatifs à : 1er site xHTML + CSS. Prob de scroll Moz' et IE. Prob de background !

Page générée en 0.085 secondes