|
| IE driller Fra : Thomas Gade |
Dato : 13-02-05 11:56 |
|
Jeg har lavet et link i bunden af min side der linker til toppen af siden.
<a href"#top">Til top</a> --- <body id="top">
koden virker fint i FF og Opera men ikke i IE, Nogen der ved hvorfor?
--
Mvh
Thomas
| |
Per Rasmussen (13-02-2005)
| Kommentar Fra : Per Rasmussen |
Dato : 13-02-05 12:17 |
|
Thomas Gade wrote in dk.edb.internet.webdesign.html:
> Jeg har lavet et link i bunden af min side der linker til toppen af siden.
>
> <a href"#top">Til top</a> --- <body id="top">
>
> koden virker fint i FF og Opera men ikke i IE, Nogen der ved hvorfor?
>
Jeg ved ikke og det er fordi du bruger <body
Men jeg har gjort det på denne måde:
i toppen:
<div class="oppe">
<a id="oppe"></a>
</div>
I bunden har jeg så sat:
<a href="#oppe">Top</a>
Og det virker både i IE og Firefox
PerR
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Claus Jacobsen (13-02-2005)
| Kommentar Fra : Claus Jacobsen |
Dato : 13-02-05 13:39 |
|
Per Rasmussen skrev:
> Thomas Gade wrote in dk.edb.internet.webdesign.html:
> > Jeg har lavet et link i bunden af min side der linker til toppen af
> > siden.
> > <a href"#top">Til top</a> --- <body id="top">
> >
> > koden virker fint i FF og Opera men ikke i IE, Nogen der ved
> > hvorfor?
>
> Jeg ved ikke og det er fordi du bruger <body
> Men jeg har gjort det på denne måde:
> i toppen:
> <div class="oppe">
> <a id="oppe"></a>
> </div>
>
> I bunden har jeg så sat:
> <a href="#oppe">Top</a>
>
> Og det virker både i IE og Firefox
>
> PerR
Hmm hvorfor dobbeltkonfekt?????
du laver både en klasse og en id, men hvorfor laver du et link med id?
drop da den og lav div'en om til id og link til den istedet! Det er en
af hovedargumenterne for at bruge ID's! nemlig at du kan komme til et
vilkårligt unik stykke information fra en hvilken som helst side; <a
href="testdenneside.htm#kapitel1">til kapitel1</a> og i
testdenneside.htm kan du have et afsnit der er identificeret som
id="kapitel1" og linket jeg angav før kan være et hvilket som helst
link, på en hvilken som helst side, på dit domæne. (forudsat at alle
dine html filer ligger i samme dir! Eller kan du lave det helt præcist
og skrive både domæne/foldere etc med og så kan du lave et link hvor
som helst i cyberspace!
)
En bedre løsning hvis man skal helt til toppen af sit indhold kan se ud
som følger:
#pagewrapper
#menu
#content
#footer
og et godt stykke ned i dit content kan du lave et link der går enten
til #pagewrapper (Helt op i toppen) #content (til start af dit
contentareal) eller #menu som giver dem mulighed for at kunne navigere
videre uden at skulle scrolle. (bruger du #pagewrapper, er der
selvfølgelig ingen problemer overhovedet. :)
Claus
| |
Thomas Gade (13-02-2005)
| Kommentar Fra : Thomas Gade |
Dato : 13-02-05 16:24 |
|
Per Rasmussen wrote:
> Thomas Gade wrote in dk.edb.internet.webdesign.html:
>
>>Jeg har lavet et link i bunden af min side der linker til toppen af siden.
>>
>><a href"#top">Til top</a> --- <body id="top">
>>
>>koden virker fint i FF og Opera men ikke i IE, Nogen der ved hvorfor?
>>
>
>
> Jeg ved ikke og det er fordi du bruger <body
> Men jeg har gjort det på denne måde:
> i toppen:
> <div class="oppe">
> <a id="oppe"></a>
> </div>
>
> I bunden har jeg så sat:
> <a href="#oppe">Top</a>
>
> Og det virker både i IE og Firefox
>
Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
#wrapper, mangler der en 1em for at jeg er helt oppe i toppen af siden.
kan man ikke gøre det på en måde så IE kommer helt op til toppen af
siden selv om man bruger en top-margin?
--
Mvh
Thomas
| |
Erik Ginnerskov (13-02-2005)
| Kommentar Fra : Erik Ginnerskov |
Dato : 13-02-05 17:36 |
|
Thomas Gade wrote:
> Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
> #wrapper, mangler der en 1em for at jeg er helt oppe i toppen af
> siden.
>
> kan man ikke gøre det på en måde så IE kommer helt op til toppen af
> siden selv om man bruger en top-margin?
<body>
<div id="top" style="position:absolute;top:0;height:0;"></div>
<div id="wrapper">
....
<a href="#top">Til sidens top</a>
</div>
</body>
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk
| |
Thomas Gade (13-02-2005)
| Kommentar Fra : Thomas Gade |
Dato : 13-02-05 18:21 |
|
Erik Ginnerskov wrote:
> Thomas Gade wrote:
>
>
>>Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
>>#wrapper, mangler der en 1em for at jeg er helt oppe i toppen af
>>siden.
>>
>>kan man ikke gøre det på en måde så IE kommer helt op til toppen af
>>siden selv om man bruger en top-margin?
>
>
> <body>
> <div id="top" style="position:absolute;top:0;height:0;"></div>
>
> <div id="wrapper">
> ...
> <a href="#top">Til sidens top</a>
> </div>
> </body>
>
Takker
--
Mvh
Thomas
| |
Claus Jacobsen (13-02-2005)
| Kommentar Fra : Claus Jacobsen |
Dato : 13-02-05 20:29 |
|
Thomas Gade skrev:
> Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
> #wrapper, mangler der en 1em for at jeg er helt oppe i toppen af
> siden.
>
> kan man ikke gøre det på en måde så IE kommer helt op til toppen af
> siden selv om man bruger en top-margin?
jo så navngiv din body!!! Du kunne eksempelvis give din body på hver
side et id, det giver nogle andre fordele hvis man skal skelne css
sidevis, men indsæt en id i body og du kan linke til den!
Du skal være opmærksom på, at linket går til det sted rent visuelt hvor
starten på det linkede element er! Derfor hvis du har en topmargin på
din ydre wrapper (ville jeg ikke gøre, men det er nok bare mig! ;) ) så
vil den uundgåeligt starte hvor din div starter visuelt, aætså x pixels
nede.
Claus
| |
Thomas Gade (13-02-2005)
| Kommentar Fra : Thomas Gade |
Dato : 13-02-05 21:53 |
|
Claus Jacobsen wrote:
> Thomas Gade skrev:
>
>
>
>>Det har jeg også prøvet. men da jeg har en top-margin på 1em på min
>>#wrapper, mangler der en 1em for at jeg er helt oppe i toppen af
>>siden.
>>
>>kan man ikke gøre det på en måde så IE kommer helt op til toppen af
>>siden selv om man bruger en top-margin?
>
>
> jo så navngiv din body!!! Du kunne eksempelvis give din body på hver
> side et id, det giver nogle andre fordele hvis man skal skelne css
> sidevis, men indsæt en id i body og du kan linke til den!
Hvis du ser eksemplet i mit første indlæg kan du se at det er det jeg
har gjort. Problemet er at det ikke virker i IE.
>
> Du skal være opmærksom på, at linket går til det sted rent visuelt hvor
> starten på det linkede element er!
Derfor hvis du har en topmargin på
> din ydre wrapper (ville jeg ikke gøre, men det er nok bare mig! ;) ) så
> vil den uundgåeligt starte hvor din div starter visuelt, aætså x pixels
> nede.
Det er jeg klar over. Har prøvet at følge Eriks eksempel med en blank
div i toppen, men det virker heller ikke i IE.
Sætter jeg derimod et <h> plus lidt tekst (med samme farve som
baggrunden) ind i den blanke div og giver den et id virker det godt nok.
Men det er jo ikke en særlig god løsning
hvis der ikke er noget indhold í <h> virker det ikke.
--
Mvh
Thomas
| |
Claus Jacobsen (13-02-2005)
| Kommentar Fra : Claus Jacobsen |
Dato : 13-02-05 23:08 |
|
Thomas Gade skrev:
> Hvis du ser eksemplet i mit første indlæg kan du se at det er det jeg
> har gjort. Problemet er at det ikke virker i IE.
Hmm det virkede fint i min IE
> Det er jeg klar over. Har prøvet at følge Eriks eksempel med en blank
> div i toppen, men det virker heller ikke i IE. Sætter jeg derimod et
> <h> plus lidt tekst (med samme farve som baggrunden) ind i den blanke
> div og giver den et id virker det godt nok. Men det er jo ikke en
> særlig god løsning
hmm det er vanskeligt at se præcis hvad du har gjort, da du ikke har
angivet et link til en side. Det er faktisk vanskeligt at lave præcis
fejlfinding hvis man bare smider kode herind! Fejlen behøver ikke ligge
lige der hvor man tror den er!
Claus
| |
Jens Gyldenkærne Cla~ (13-02-2005)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 13-02-05 23:14 |
|
Thomas Gade skrev:
> Hvis du ser eksemplet i mit første indlæg kan du se at det er
> det jeg har gjort. Problemet er at det ikke virker i IE.
Prøv at se eksempler og testresultater på siden her:
< http://gyros.dk/usenet/html/toplink.shtml>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Thomas Gade (13-02-2005)
| Kommentar Fra : Thomas Gade |
Dato : 13-02-05 23:39 |
|
Jens Gyldenkærne Clausen wrote:
> Thomas Gade skrev:
>
>
>>Hvis du ser eksemplet i mit første indlæg kan du se at det er
>>det jeg har gjort. Problemet er at det ikke virker i IE.
>
>
> Prøv at se eksempler og testresultater på siden her:
> < http://gyros.dk/usenet/html/toplink.shtml>
Tak, det gav syn for sagen.
--
Mvh
Thomas
| |
|
|