• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Startseite öffnet sich mittig - Bitte um schnelle Hilfe

R

rm2012

Neues Mitglied
Guten Morgen,

ich habe mich hier gerade registriert, weil ich allein partout nicht weiterkomme... Ich hab' gegrübelt (was ja manchmal hilft), gegoogelt, aber ich weiß einfach nicht, wie ich folgendes Problem lösen kann... Vielleicht kann mir hier jemand helfen?

Ich habe eine Onepager erstellt - mit, klar, HTML, CSS und ein ganz klein wenig JS. Ich mach' das alles zum ersten Mal, aber es funktioniert so weit und sieht auch ganz gut aus. Ein Problem habe ich jedoch: Sobald ich die Seite aufrufe (egal, ob die lokale Version oder die hochgeladene über 1und 1), sie beginnt immer in der Seitenmitte, d.h. nicht, wie alle anderen Seiten auch, oben. Auf der Seite sind diverse Anker, die bei dem Onepager ja nötig sind, und fürs Smoothscroll hab' ich eine JS-Datei eingebunden.

Weiß jemand, woran das liegen kann und kann mir helfen?

Vielen Dank und falls die Frage zu dumm ist: Sorry!
 
Ein Link zur Seite wäre nicht schlecht. Ohne sich das ansehen zu können, ist wohl keine sinnvolle Hilfe möglich
 
Hallo bdt600,

und vielen Dank erst einmal für die schnelle Antwort!!! Danke!

Die Seite ist noch nicht online - geht es mit dem HTML-Code? Vielleicht habe ich da einen total dummen Fehler drin? Here we go:

***

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w3.org/1999/xhtml">

<head>
<title>Titel</title>
<meta http-equiv="Content-Type" contenet="text/html; charset=UTF-ß" />
<script type="text/javascript" src="smoothscroll.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="nav.js"></script>
<link rel="stylesheet" type="text/css" href="layout.css" />
<link href='http://fonts.googleapis.com/css?family=Istok+Web:700|Bree+Serif' rel='stylesheet' type='text/css'>
</head>

<body>

<div id="container">

<div id="header"> <a id="Home"</a>
</div>

<div id="navigation">
<ul class="level_1">
<li class="link"> <a href="#link">link</a> </li>
<li class="link"> <a href="#link">link</a> </li>
...
</ul>
</div>

<div id="img-box_home">
<img src="home.gif">
</div>
<div id="home">
<p>...</p>
</div>

<div id="head1"><a id="link1"</a>
<h1>link1</h1>
</div>
<div id="img-box1">
<img src="bild1">
</div>
<div id="text1">
<ul type="disc">
<li>text</li>
<li>text</li>
</div>

<div id="head2"><a id="link2"</a>
<h1>link2</h1>
</div>
<div id="img-box2">
<img src="bild2">
</div>
<div id="text2">
<p>...</p>
</div>

<div id="text3">
<p>...ist das <a class="small" href=#Kosten><strong>Leistungspaket "S"</strong><span>Kosten</span></a>...</p>
</div>
...

<div id="head4"><a id="link4"</a>
<h1>link4</h1>
</div>
<div id="img-box4">
<img src="bild4">
</div>
<div id="text4">
<ul type="disc">
<p>...</p>
<li>...eine Mail an <strong><a href=mailto:"mail">[email protected]</strong></a>,</li>
</p>
</div>

<div id="text5">
<form name="kontakt" form action="formularversenden2.php" method="get" enctype="text/html">
<fieldset>
<div class="textfeld">
<label for="name">Ihr <strong>Name</strong>:</label>
<input type="text" name="name" id="name" autofocus="autofocus" required="required" />
</div>
<div class="textfeld">
<label for="telefon">Ihre <strong>Telefonnummer</strong>:</label>
<input type="tel" name="telefon" id="telefon" required="required" />
</div>
<div class="textfeld">
<label for="mail">Ihre <strong>Mail-Adresse</strong>:</label>
<input type="email" name="mail" id="mail" required="required" />
</div>
<div class="textfeld">
<label for="nachricht">Ihre <strong>Nachricht</strong>:</label>
<textarea name="nachricht" id="nachricht" rows="5" cols="20">
</textarea>
</div>
<div class="submitbutton">
<input class="absenden" type="button" value="abschicken" />
</div>
</fieldset>
</form>

</div>

</div>

</div>

<div id="footer">
&copy; ... | <a class href="impressum.html">Impressum</a> |
</div>

</body>

</html>

***
Danke, danke, danke!!!
 
Ein Link zur Seite wäre immernoch interessante. Auch der CSS-Code wäre notwendig. Ebenso vermutlich auch die JavaScript, aber das führt in einem Forenpost zu weit - bitte Link setzen.

Und wenn Du Quellcode hier zeigst, verwende bitte Code-Tags.
 
Dieser Code ist Schrott.
HTML: 
<a id="link1"</a>
ist nur ein Beispiel, das leider häufiger in der Art vorkommt.
HTML: 
<ul type="disc">
wird geöffnet aber nicht geschlossen.
HTML: 
<strong><a href=mailto:"mail">[email protected]</strong></a>
Verschachtelungsfehler - ein Klassiker.
Das erklärt alles nicht, warum deine Seite mittig angezeigt wird, aber ehrlich gesagt: du hast gerade ganz andere Sorgen.
 
Hallo bodil,

autsch - ich geh' noch mal über die Seite. Vielleicht löst sich das Problem dann quasi von allein. Würde ansonsten noch mal schreiben und das Stylesheet mit angeben.
Danke!
 
Hallo zusammen,

und erst einmal: Danke fürs so schnelle Antworten!!!

Es geht! Die Seite startet wie alle anderen auch! :-) Danke also zum einen für den Hinweis auf den unsauberen Code und Danke zum anderen für den Verweis auf World Wide Web Consortium (W3C)!

Woran's lag: beim Durchgehen durch die index.html und beim Aufräumen hab' ich gesehen, dass beim Kontaktformular, das ganz unten auf der Seite eingebunden ist, ein "autofocus" gesetzt ist und ich hab's schlicht mal rausgeschmissen. Et voila!

:-)

Danke! Ohne euch hätt' ich mir das wahrscheinlich nicht so genau angeschaut...!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben