Tabelle nicht überscrollen

html.de-Forum HTML, XHTML & CSS
1

Hallo! Ich bin neu hier im Forum und beschäftige mich erst seit kurzer Zeit mit der Webseitenprogrammierung. Nun habe ich schon etwas rumprobiert komme aber allein nicht weiter. Ich hoffe ihr könnt mir helfen. Das Problem ist folgendes: Ich möchte erreichen das der Text wenn ich abwärts scrolle nicht die Tabelle mit den Links überscrollt. Wie geht das?
Danke im voraus!

[code]

index <body text="#000000" link="#993366" alink="#999999" vlink="#784587"
Anfang Sabrina Nicki Blog Guestbook
html, body { margin:0; padding:0; width:100%; height:100%; overflow:hidden ; } #hintergrund { position:absolute; width:100%; height:100%; z-index:1; } #scrollbereich { position:absolute; top:0; left:0; width:100%; height:100%; overflow: auto; z-index:1; } #inhalt { padding:20px 100px 30px 200px; z-index:1; }
/* Text */

Dies ist die Homepage von Sabrina und Nicki!

Text

Viel Spass!

/* Bilder */

Nicki

Nicki

Nicki

Nicki

#a em { color:white; background-color:blue; position:absolute; top: 5em; left: 4em; } #b em { color:white; background-color:blue; position:absolute; top: 20em; left: 23em; } #c em { color:white; background-color:blue; position:absolute; top: 20em; left: 42em; } #d em { color:white; background-color:blue; position:absolute; top: 40em; left: 42em; } [/code]
2

Zuerst muß du deine Datei einmal umschreiben.

  1. Die -Angaben gehören in den HEAD-Bereich, oder einer externen CSS-Datei.
  2. Benutze ein DOCTYPE

Und dann können wir weitersehen.

Und benutze die Code-Tags, wenn du hier ein Quelltext postest, sonst werden die Moderatoren sauer.

EDIT: Was soll das body ganz unten

<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

Das kannst du löschen

3

An sich wäre ein öffnender HTML-Tag vor auch nicht schlecht :wink:

Hab ich jetzt reineditiert, bitte beim nächsten Mal selbst nutzen, danke.

4

Versuch2

Also, ich hab jetzt das besagte geändert! Sorry für die nicht benutzten Code-Tags! Kommt nicht wieder vor. Also, ich weiß zwar nicht genau was Du mit umschreiben meinst, aber ich beschreibe jetzt einfach mal wie es aussehen soll! Oder soll ich zum Quelltext was dazuschreiben!? Naja gut. Oben in der Mitte sollen die Links sein, auch wenn man scrollt. Dies geht, nur das die Links nicht funktionieren und der Text beim scrollen vor die vermeintlichen Links tritt. Darunter befindet sich ein weißer Streifen, warum weiß ich allerdings auch ned!? Danach kommt der Text und ein paar Bilder. Okay! Mein Problem is nun das ich nicht weiß wie der weiße Streifen weggeht und der Text nicht über meine Links scrollt!

[HTML]

Titel html, body { margin:0; padding:0; width:100%; height:100%; overflow:hidden ; } #hintergrund { position:absolute; width:100%; height:100%; z-index:1; } #scrollbereich { position:absolute; top:0; left:0; width:100%; height:100%; overflow: auto; z-index:1; } #inhalt { padding:20px 100px 30px 200px; z-index:1; } <body text="#000000" link="#993366" alink="#999999" vlink="#784587" 
      <h3>
Anfang Sabrina Nicki Blog Guestbook

Dies ist die Homepage von Sabrina und Nicki!

Text Text Text

Viel Spass!

Nicki

Nicki

Nicki

Nicki

#a em { color:white; background-color:blue; position:absolute; top: 20em; left: 4em; } #b em { color:white; background-color:blue; position:absolute; top: 20em; left: 23em; } #c em { color:white; background-color:blue; position:absolute; top: 20em; left: 42em; } #d em { color:white; background-color:blue; position:absolute; top: 40em; left: 42em; }

[/HTML]

5

Das wirst du so nicht hinbekommen. Befasse dich mal mit fixe Bereiche.

SELFHTML: Stylesheets / CSS-basierte Layouts / Fixe Bereiche

Ps: Dein Code ist immer noch nicht sauber. So hast du abschließende nicht gesetzt. -Elemente sind für Überschriften gedacht, und nicht, um irgendwelche Texte zu formatieren. Und immer noch sind STYLE-Angaben im BODY-Bereich. Und hier fehlt die schließende Klammer:

[code]

6

Danke Dir vielmals! Ich bin für jede Kritik offen! Ich bin ja schließlich hier um dazuzulernen! :smiley:

7

und wenn du im style schreibst, dann benutzt man keine gleichzeichen sondern doppelpunkte

8

Du arbeitest außerdem ohnehin schon mit einer global definierten .css datei, die wird im head eingefügt

<link href="style.css" type="text/css" rel="stylesheet">

Wäre interessant zu wissen, was in der datei schon implementiert wird.
Vielleicht gibt es da die ein oder anderen konflikte!

9

Und wenn du deine HTML-Datei richtig schreiben möchtest wäre ein öffnender HTML-Tag vor dem head-Tag und nach dem Doctype auch nicht schlecht :wink:

10

Ich habe mal ein altes Layout genommen, und ein wenig umgestrickt. Vielleicht hilft dir das ein wenig weiter:
Fixe Bereiche

Wie bereits gesagt, findest du bei SELFHTML die Erklärung zu den einzelnen Atributen:
SELFHTML: Stylesheets / CSS-basierte Layouts / Fixe Bereiche

Ps: Je länger ich dein Code ansehe, umso mehr Fehler finde ich. so z.B. in h1-Attribut:

[I] align = "center" [/I]
Richtig heißt das:
[I] text-align: center; [/I]

11

Warum nicht gleich ganz modern? :wink:

<h1 style="text-align: center;">

Oder am besten gleich in ner extra CSS-Datei…

12

@Maxi
genauso habe ich es gemeint. Vieleicht falsch ausgedrückt.
Gemeint war der Fehler im Quelltext.

[I]h1 {[/I]
[I] color:#D3D3D3;[/I]
[I] font-size:16pt;[/I]
[I] font-family:arial, "lucida console", sans-serif;  z-index:8;[/I]
[I] align = "center"[/I]
[I]  }[/I]