login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Inlogvak klopt niet in IE (Opgelost)

Offline tomate - 21/02/2011 16:04
Avatar van tomateLid Hey allemaal,

http://tinyurl.com/3a8s4dg
Als je op bovenstaand url klikt en daarna op inloggen, komt het inlogvakje niet juist te staan in IE. Het komt naast de pagina te staan, terwijl het er moet over "rollen" zoals in FF en Chrome gebeurt.

Weet er iemand raad mee? Gelieve de naam van de site niet te vermelden  .

Thomas

7 antwoorden

Gesponsorde links
Offline valles10 - 21/02/2011 16:08 (laatste wijziging 21/02/2011 16:10)
Avatar van valles10 HTML interesse Ik vond de login die je vroeger had mooier...
maar:
Bij mij werkt het in internet explorer wél perfect...

internet explorer:
http://sima.dutchlyrics.be/ie.png

chrome:
http://sima.dutchlyrics.be/chrome.png
Offline WouterJ - 21/02/2011 16:09
Avatar van WouterJ HTML gevorderde In IE8 staat hij gewoon normaal.
Offline valles10 - 21/02/2011 16:13 (laatste wijziging 21/02/2011 16:14)
Avatar van valles10 HTML interesse
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #panel{
  2.     height:auto;
  3.     width:310px;
  4.     background:#ffd615;
  5.     border-bottom:solid #2e2201 5px;
  6.     display:none;
  7.     z-index:3;
  8.     position:absolute;
  9.     color:#2e2201;
  10.     margin:0px auto;
  11. }

Zover ik zie geef je aan deze div geen top en left waarden, haal met jquery op hoeveel de container van links is verwijdert en zet dan de #panel m.b.h.v jquery css() left op de left van je container.

gebruik hiervoor:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var pos = $(this).offset();
  2. $("#panel").css("left", pos.left);
Offline Beirensg - 21/02/2011 16:16 (laatste wijziging 21/02/2011 16:17)
Avatar van Beirensg HTML beginner Met IE8 en documentmode gezet op IE8 heb ik geen problemen. Ik zie wel in je code dat dit niet expliciet gezet wordt.

je kan bets volgende header toevoegen:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Voor IE7 is er wel een probleem, en het scherm komt inderdaad naast de pagina. Ik denk (maar ik heb het maar snel bekeken) dat je best de position van de bovenbalk op relative zet en van je panel kan je dan via position:absolute exact positioneren.
Indien je wil, kijk ik wel een beetje verder  

Mooie look trouwens 

edit

zoals hierboven al gezegd, een beetje spelen met left en top waarden
Bedankt door: valles10
Offline Emonk - 21/02/2011 17:41
Avatar van Emonk Lid In IE werkt het prima, het is alleen wel storend dat terwijl de knop rechts staat het formuliertje links komt.
Offline tomate - 21/02/2011 17:47
Avatar van tomate Lid
valles10 schreef:
Ik vond de login die je vroeger had mooier...
maar:
Bij mij werkt het in internet explorer wél perfect...

internet explorer:
http://sima.dutchlyrics.be/ie.png

chrome:
http://sima.dutchlyrics.be/chrome.png


Ik weet al niet meer welke het vroeger was. Ik geloof dat hij toen in de lengte stond. Ik weet dat er bij chrome dat probleem is, maar dat is al opgelost. Enkel staat die versie nog niet online.

@Beirensg: verder kijken of er nog fouten inzitten of gewoon naar een oplossing verder kijken? ;)
Offline Beirensg - 21/02/2011 18:21
Avatar van Beirensg HTML beginner Ik denk dat ik het gevonden heb.

Je moet de div met id=boven_balk een position relative geven. en de div met id panel een left=0px.

Dan zou het moeten werken in IE7 IE8 en FF (rest heb ik niet getest, maar ik veronderstel dat anderen een gelijkaardig resultaat geven.)

Als nodig wil ik gerust eens naar verdere fouten kijken. 
Bedankt door: tomate
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.263s