*opgelost!* Verschil plek plaatje IE en Firefox wie kan me helpen?
Hoi
Ik heb een vraagje over mijn site
www.marlieswinnips.nl/index01.asp
Mijn foto staat goed in firefox maar voor IE moet ik een heel stuk naar beneden scrollen...
Ook verplaatst mijn menu.
En om een of andere onduidelijke reden schuiven de tekstblokken van de submenus 40px naar rechts in IE
de index01.asp ziet er als volgt uit:
... eerst stuk headerinfo zal ik jullie besparen ...
<body>
<center>
<!--#include file="hmenu.asp"-->
<!--#include file="vmenu.asp"-->
<img src="images/marlieswinnips.jpg" alt="ixelf" />
<!--#include file="copyright.asp"-->
<!--#include file="footer.asp"-->
<!-- dit hieronder doe ik om de site langer te maken zodat dropdown uit footer niet de pagina verschuift -->
<br>
<br>
<span style="display:none; " >dit stukje tekst zie je niet op je scherm </span>
<br>
<br>
</center>
</body>
</html>
Moet ik soms een vaste plek neerzetten voor die foto?? En voor de header?
Wie kan me helpen?
De CSS van de header heb ik hieronder gezet:
body /* Internet Explorer */
{
text-align: center;
}
body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
}
.topmenu{
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
background: transpa;
width: 800px;
/* display:inline; zodat ie in ie ook goed getoond wordt... geprobeerd maar helpt nix */
}
.topmenu ul{
margin: 0;
list-style-type: none;
}
/*Top level list items*/
.topmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.topmenu ul li a{
/* om een of andere onduidelijke reden schuiven de tekstblokken 40 naar rechts dit herstellen */
/* left: -40px; /* bij firefox nodig niet bij IE zonder dit staat ie goed in IE*/
display: block;
width: 124px; /*width of sub menus*/
background: transpa;
color: black;
text-decoration: none;
text-align:-moz-left;
text-align:left;
}
* html .topmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.topmenu ul li a:link, .topmenu ul li a:visited{
color: black;
float: left;
}
.topmenu ul li a:hover{
background: transpa; /*tab link background during hover state*/
color: #cc3399;
}
.topmenu ul li ul{
position: absolute; /*1st sub level menu position is vast, bij relative schuift hele scherm mee*/
/* left: 0; */
margin: 0;
display: block;
visibility: hidden; /* zodat ie over mijn foto heengaat ook in ie */
}
/*Sub level menu list items (undo style from Top level List Items)*/
.topmenu ul li ul li{
display: list-item;
/* left: -40px; /* bij firefox nodig niet bij IE */
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.topmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.topmenu ul li ul li a{
}
.topmenu ul li ul li a:hover{ /*sub menus hover style*/
background: transpa;
color: #cc3399;
}
Hoi
Ik heb een vraagje over mijn site
www.marlieswinnips.nl/index01.asp
Mijn foto staat goed in firefox maar voor IE moet ik een heel stuk naar beneden scrollen...
Ook verplaatst mijn menu.
En om een of andere onduidelijke reden schuiven de tekstblokken van de submenus 40px naar rechts in IE
de index01.asp ziet er als volgt uit:
... eerst stuk headerinfo zal ik jullie besparen ...
<body>
<center>
<!--#include file="hmenu.asp"-->
<!--#include file="vmenu.asp"-->
<img src="images/marlieswinnips.jpg" alt="ixelf" />
<!--#include file="copyright.asp"-->
<!--#include file="footer.asp"-->
<!-- dit hieronder doe ik om de site langer te maken zodat dropdown uit footer niet de pagina verschuift -->
<br>
<br>
<span style="display:none; " >dit stukje tekst zie je niet op je scherm </span>
<br>
<br>
</center>
</body>
</html>
Moet ik soms een vaste plek neerzetten voor die foto?? En voor de header?
Wie kan me helpen?
De CSS van de header heb ik hieronder gezet:
body /* Internet Explorer */
{
text-align: center;
}
body /* Mozilla Firefox alignment */
{
text-align: -moz-center;
}
.topmenu{
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
background: transpa;
width: 800px;
/* display:inline; zodat ie in ie ook goed getoond wordt... geprobeerd maar helpt nix */
}
.topmenu ul{
margin: 0;
list-style-type: none;
}
/*Top level list items*/
.topmenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.topmenu ul li a{
/* om een of andere onduidelijke reden schuiven de tekstblokken 40 naar rechts dit herstellen */
/* left: -40px; /* bij firefox nodig niet bij IE zonder dit staat ie goed in IE*/
display: block;
width: 124px; /*width of sub menus*/
background: transpa;
color: black;
text-decoration: none;
text-align:-moz-left;
text-align:left;
}
* html .topmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.topmenu ul li a:link, .topmenu ul li a:visited{
color: black;
float: left;
}
.topmenu ul li a:hover{
background: transpa; /*tab link background during hover state*/
color: #cc3399;
}
.topmenu ul li ul{
position: absolute; /*1st sub level menu position is vast, bij relative schuift hele scherm mee*/
/* left: 0; */
margin: 0;
display: block;
visibility: hidden; /* zodat ie over mijn foto heengaat ook in ie */
}
/*Sub level menu list items (undo style from Top level List Items)*/
.topmenu ul li ul li{
display: list-item;
/* left: -40px; /* bij firefox nodig niet bij IE */
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.topmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.topmenu ul li ul li a{
}
.topmenu ul li ul li a:hover{ /*sub menus hover style*/
background: transpa;
color: #cc3399;
}
Laatst bewerkt: