Opera - Probleme

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Opera - Probleme

Hermes le Messager

Breton Quiétiste

Voila une petite colle.

J'experimente un peu les possibilite pour realiser un site base sur des %.

Plusieurs problemes se posent. En effet, en XHTML 1.1, on doit mettre le body en absolute et a 100% de largeur et de hauteur pour pouvoir ensuite par exemple mettre un div a 100% de hauteur.

Avec IE et Moz, aucun souci. (A noter d'ailleur que c moz qui impose le body en absolute, car sinon, un div de 100% de hauteur n'a aucun sens pour lui.

Avec Opera, le probleme est le suivant : Comme il existe a la base des marges impossible a enlever (je n'ai jamais reussi a faire un div occupant toute la surface du nav autrement qu'en utilisant des frames), il se trouve bien embete pour afficher un div de 100% de large et de haut et se met a bugger lamentablement.

Ma question est simple :

Existe-t-il en XHTML 1.1 une maniere de realiser un div occupant 100% de la largeur et de la hauteur du navigateur de maniere que cela passe sur IE 5+, Moz 1+ et Opera 7+ ? :whistle:
Sinon, quelqu'un a-t-il une solution pour faire disparaitre cette marge dans Opera sans utiliser de Frames...

Publicité

antp

Super Administrateur
Champion des excuses bidons

chez moi ça remplit tout l'espace :??: (bon, Opera laisse juste une bande blanche à droite pour la scrollbar , mais c'est pas grave quand même ?)

edit:
ha non quand on fout du texte ça foire [:jofission]

y a un bord blanc en bas aussi dans Opera :heink: bizarre.

Message édité par antp le 06-08-2003 à 09:39:38

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

fastclemmy

(re-)Dictateur en plastique

Ca marche ça non ?
http://www.fastclemmy.com/tests/test_height.htm

Basé sur :
http://www.xs4all.nl/~ppk/css2tests/100percheight.html

Hermes le Messager

Breton Quiétiste

fastclemmy a écrit :

Ca marche ça non ?
http://www.fastclemmy.com/tests/test_height.htm

Basé sur :
http://www.xs4all.nl/~ppk/css2tests/100percheight.html

Mes felicitations et merci. :jap:

J'ignorait que "html" etait un element modifiable avec les css. :ouch:

Hermes le Messager

Breton Quiétiste

Bien, maintenant que ce probleme est resolu, je vous propose une colle :

Regardez ce code (et essayez le)

Code :

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style>
<!--
html,body { margin: 0; padding: 0; overflow: hidden }
html,body { height: 100% }
.tbl { position: relative; width: 100%; height: 100% }
.td1 { background-color: blue; position: relative; height: 50px }
.td2 { background-color: green; position: relative }
.td3 { background-color: yellow; position: relative; height: 50px }
.test { position: relative; z-index: 1; height: 100%; overflow: auto }
-->
</style>
</head>
<body>
<table class="tbl" cellspacing="0" cellpadding="0">
<tr>
<td class="td1"></td>
</tr>
<tr>
<td class="td2">
<div class="test">
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb<br />
ssdfvddvfdvkkfkkfk kfkbk fkbfkbkfb
</div>
</td>
</tr>
<tr>
<td class="td3"></td>
</tr>
</table>
</body>
</html>

Sous IE et Opera 7, pas de probleme.

Par contre Mozilla ne veut pas en entendre parler, car le div fait 100%, et non une taille fixe.
Une idee ?? :whistle:

fastclemmy

(re-)Dictateur en plastique

Firebird 0.6.1, je vois pas le souci ? (je suis en 1024*768)

Hermes le Messager

Breton Quiétiste

fastclemmy a écrit :

Firebird 0.6.1, je vois pas le souci ? (je suis en 1024*768)

tst tst tst... [:totozzz]

Reduit ta fenetre avec IE, et tu verras une jolie barre de scroll apparaitre (div scrollable )

Par contre, avec Moz, point de scroll, c ca qui m'embete

Mjules

Parle dans le vide

Mozilla 1.4 , pas de scroll non plus.

J'ai déjà eu ce problème quand je mets mes DIV en position relative, par contre en absolute, je revois la barre de scroll (il suffit de la mettre sur la class test dans ton exemple).

Message édité par Mjules le 06-08-2003 à 20:19:13

---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. | Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.

Hermes le Messager

Breton Quiétiste

Oui, le scroll apparait, mais :

1) le div bouffe la derniere cellule de la table, et 2) Opera ne scroll plus du tout, lui du coup. :sweat:

Donc, a l'heure actuelle, et malgre la sortie d'opera 7 qui prend en charge les div scrollables, pas de soluce en vue pour crossbrowser les divs scrollables dont la taille est exprimee en % ?? :whistle:

Hermes le Messager

Breton Quiétiste

:bounce:

FORUM HardWare.fr

Programmation

HTML/CSS

Opera - Probleme

Sujets relatifs
probleme graphique	Problème de pagination
probleme avec les themes de windows :-/ \| progressbar & ownerdraw	Problème avec Winsock
Config apache2 / perl probleme	[batch] Probleme avec la date dans un batch
ACCESS \| Probleme de date HELPPPP	Après Netscape 4 c'est Opera qui me pose problème.
Diaporama - problème avec Opera...	problème d'iframe sous opera...
Plus de sujets relatifs à : Opera - Probleme

Page générée en 0.064 secondes