( Gelöst ) Textanker springt nicht ganz nach oben

( HTML, PHP, Javascript & Co ... )
Antworten
Merlin
Beiträge: 4567
Registriert: 31.08.2006, 23:08

Beitrag von Merlin »

Hi,

in einem HTML-Dokument habe ich oben einen Anker gesetzt:

Code: Alles auswählen

<a name="0"> </a>
( direkt unter <body> ) und unten den zu gehörigen Link:

Code: Alles auswählen

<a href="#0">nach oben</a>
Leider springt das Dokument, wenn ich darauf klicke, nicht bis ganz nach oben, es fehlen immer ein paar Millimeter.
Wie kann ich das ändern? Könnte das am Stylesheet liegen?
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

Hallo Hooker !

Versuch es mal ohne dem Leerzeichen ( & nbsp; ) !
( <a name="0"></a> )
LG, Lighty
Merlin
Beiträge: 4567
Registriert: 31.08.2006, 23:08

Beitrag von Merlin »

Hi Lighty,

keine Wirkung, aber der obere Rand wird kleiner. Das muss mit dem Stylesheet zusammenhängen.

Ich hab ein "margin:auto;" unter "body{" gesetzt.
Jetzt gehts, dafür sind die seitlichen Ränder weg und ich hab immer einen Scrollbalken unten!? :??:
Merlin
Beiträge: 4567
Registriert: 31.08.2006, 23:08

Beitrag von Merlin »

Hab`s hinbekommen:

im Stylesheet:

Code: Alles auswählen

#pageup {
 clear:both;
 text-align:right;
 margin-bottom:10px;
}
im Quelltext:

Code: Alles auswählen

<a id="oben" name="oben"> </a>

...

<p id="pageup"><a href="#oben">nach oben</a></p>
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

... hi Hooker !

Wirkt etwas merkwürdig, aber wenn es so passt/läuft ! ;)
LG, Lighty
Merlin
Beiträge: 4567
Registriert: 31.08.2006, 23:08

Beitrag von Merlin »

Das wars doch nicht. Es waren "paddings" im Header-Container im Stylesheet.
Die hatte ich gleichzeitig mit dem Hinzufügen der abenteuerlichen Kontruktion rausgenommen, war mir nur nicht mehr bewusst gewesen. :)

Das oben angeführte - sinnfreie - Konstrukt ist jetzt weg und es läuft im IE und FF trotzdem. Nur der Opera schneidet, wenn sich Image im Header ein Image befindet, 2/3 davon ab...
(Das kannst du auch hier nachvollziehen: www.css4you.de (scroll ganz nach unten und klick auf "nach oben").

Ich denke, die Betreiber von css4you können richtig coden - liegt also am Opera.
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

Hooker hat geschrieben:(Das kannst du auch hier nachvollziehen: www.css4you.de (scroll ganz nach unten und klick auf "nach oben").

Ich denke, die Betreiber von css4you können richtig coden - liegt also am Opera.
... öhm, nö ! ;)

Wenn ich das ...

<body>
<div id="header">
<a id="t" name="t"> </a>

... in das

<body>
<a id="t" name="t"> </a>
<div id="header">

... ändere, passt alles ! ;)
LG, Lighty
Merlin
Beiträge: 4567
Registriert: 31.08.2006, 23:08

Beitrag von Merlin »

Hmm. Was, zum Henker muss ich dann bei mir ändern, damit der Opera das auch anzeigt?

Code: Alles auswählen

</head>
<body>
<div id="header">
<a name="oben"></a>
<img src="images/pctipps468x60.jpg" width="468" height="60" alt="PC-Tipps.net.ms - Computertipps, Freeware-Links" title="PC-Tipps.net.ms - Computertipps, Freeware-Links">
</div>
Wenn ich das Banner weglasse, gehts ja auch so, das möchte ich aber nicht.
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

... versuch mal das:

<body>
<a name="oben"></a>
<div id="header">
LG, Lighty
Merlin
Beiträge: 4567
Registriert: 31.08.2006, 23:08

Beitrag von Merlin »

Betriebsblind! Hätte ich auch von selber drauf kommen können... :grmpf:

Danke!
Antworten

Zurück zu „Webdesign“