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

Div Layer Postionierung-Hilfe!

xxxarndxxx

Neues Mitglied
Hallo. Möchte meinen Contentbereich mit Inhalt via Div Layer füllen.

Leider gelingt mit die Positionierung nicht so richtig. Möchte den Layer noch weiter nach lins verschieben. Oben/Unten und Rechts passt.

Bitte euch um hilfe...


Danke im Voraus!

Hier der Quellcode (Ausschnitt, speziell vom Layer):
Code:
 [COLOR=#000080]<div id=[COLOR=#0000FF]"Layer3"[/COLOR]style="bottom; left:337px; top:310px; z-index:1">[/COLOR]
     [COLOR=#000080]<div class=[COLOR=#0000FF]"Stil6"[/COLOR] style=[COLOR=#0000FF]"BORDER-RIGHT: withe 0px solid; BORDER-TOP: white 0px solid; OVERFLOW: auto; BORDER-LEFT: white 0px solid; 
     WIDTH: 545px; BORDER-BOTTOM: whitw 1px solid; HEIGHT: 417px"[/COLOR]>[/COLOR]
       [COLOR=#000080]<blockquote>[/COLOR]
         [COLOR=#008080]<table width=[COLOR=#0000FF]"484"[/COLOR] border=[COLOR=#0000FF]"0"[/COLOR]>[/COLOR]
           [COLOR=#008080]<tr>[/COLOR]
             [COLOR=#008080]<td width=[COLOR=#0000FF]"478"[/COLOR] height=[COLOR=#0000FF]"772"[/COLOR] align=[COLOR=#0000FF]"left"[/COLOR] valign=[COLOR=#0000FF]"top"[/COLOR]>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil31"[/COLOR]>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil32"[/COLOR]>[/COLOR]               Seit der Gründung im Jahre 1991  gehören die Bereiche [COLOR=#000080]<strong>[/COLOR]Forschung und Entwicklung, [COLOR=#000080]</strong>[/COLOR][COLOR=#000080]<strong>[/COLOR]Planung und Veranstaltung professioneller Feuerwerke, Qualitätssicherung [COLOR=#000080]</strong>[/COLOR]und[COLOR=#000080]<strong>[/COLOR] Vertrieb [COLOR=#000080]</strong>[/COLOR]von pyrotechnischen Erzeugnissen  zu unserem Unternehmen.[COLOR=#000080]</span>[/COLOR] [COLOR=#000080]<br />[/COLOR]
               [COLOR=#000080]<br />[/COLOR]
               [COLOR=#000080]<span class=[COLOR=#0000FF]"Stil38"[/COLOR]>[/COLOR]Unsere Abteilungen im Überblick:[COLOR=#000080]</span>[/COLOR] [COLOR=#000080]<br />[/COLOR]
               [COLOR=#000080]<br />[/COLOR]
               [COLOR=#000080]</span>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil37"[/COLOR]>[/COLOR]Planung[COLOR=#000080]</span>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil33"[/COLOR]>[/COLOR]:[COLOR=#000080]</span>[/COLOR]
               [COLOR=#000080]<p>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil33"[/COLOR]>[/COLOR]Vertrieb:[COLOR=#000080]<br />[/COLOR]
                 [COLOR=#000080]</span>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil30"[/COLOR]>[/COLOR]Das ist der  älteste  Bereich  in unserem Unternehmen,   der von unseren anspruchsvollen Kunden aus dem   kommerziellen und privaten Bereich sehr geschätzt wird. Von hier aus versenden wir unsere Produkte, ob Silvesterfeuerwerk, Ganzjahresfeuerwerk, Rauch [COLOR=#000080]</span>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil30"[/COLOR]>[/COLOR][B][I]&amp;[/I][/B] Bengalartikel oder Partyartikel in die ganze Welt. [COLOR=#000080]</span>[/COLOR][COLOR=#000080]</p>[/COLOR]
               [COLOR=#000080]<p class=[COLOR=#0000FF]"Stil30"[/COLOR]>[/COLOR][COLOR=#000080]<strong>[/COLOR]Entwicklungen[COLOR=#000080]</strong>[/COLOR]:[COLOR=#000080]<br />[/COLOR]
                 Seit 1998 beschäftigen wir uns für   Sie intensiv mit Lösungen zur Verbesserung des Qualität's- und   Sicherheitsstandarts. Auch die Senkung teurer Nebenkosten bei der Gestaltung von   Feuerwerken [COLOR=#000080]<br />[/COLOR]
                 ist und bleibt ein Thema bei uns. [COLOR=#000080]<br />[/COLOR]
                 [COLOR=#000080]<br />[/COLOR]
                 Dabei entstanden bereits folgende Entwicklungen:[COLOR=#000080]</p>[/COLOR]
               [COLOR=#000080]<span class=[COLOR=#0000FF]"Stil30"[/COLOR]>[/COLOR][COLOR=#000080]<strong>[/COLOR]Qualitätssicherung:[COLOR=#000080]</strong>[/COLOR][COLOR=#000080]<br />[/COLOR]
                 Durch ständige Schulungen unserer Mitarbeiter und Überwachung unserer Artikel wollen wir den hohen Anforderungen unserer Kunden gerecht werden.[COLOR=#000080]</span>[/COLOR][COLOR=#000080]<br />[/COLOR]
               [COLOR=#000080]<br />[/COLOR]
               [COLOR=#000080]<p class=[COLOR=#0000FF]"Stil31"[/COLOR]>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil32"[/COLOR]>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil39"[/COLOR]>[/COLOR]Wieso sollten Sie uns vertrauen? [COLOR=#000080]</span>[/COLOR][COLOR=#000080]<br />[/COLOR]
                 Garantien hierfür sind unter anderem
                 unsere 10  Pyrotechniker, die sich 365 Tage im Jahr mit der Kunst des Feuerwerks befassen. Diese fachliche Kompetenz kombinieren wir mit günstigen Marktpreisen durch den Direktimport. Von der Herstellung in eigenen Fabriken, über den Transport und der Qualitätssicherung bis hin zum Verkauf und der Veranstaltung von Großfeuerwerken arbeiten wir auf höchstem Niveau. Seit 1991 konnten wir uns somit durch beständige und hochklassige Arbeit am deutschen Markt etablieren und arbeiten nun bereits schon seit geraumer Zeit auf ausländischen Märkten wie Österreich oder Slowenien.[COLOR=#000080]</span>[/COLOR][COLOR=#000080]<br />[/COLOR]
                 [COLOR=#000080]<br />[/COLOR]
                 [COLOR=#000080]<span class=[COLOR=#0000FF]"Stil30"[/COLOR]>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil39"[/COLOR]>[/COLOR]Ihr Vorteil:[COLOR=#000080]</span>[/COLOR][COLOR=#000080]<br />[/COLOR]
                   Sie erhalten bei uns wesentlich mehr Feuerwerk für Ihr Budget als bei Mitwettbewerbern! Ohne Risiko, garantiert! [COLOR=#000080]<br />[/COLOR]
                   [COLOR=#000080]<br />[/COLOR]
                   Nehmen Sie sich die Zeit und schenken Sie uns Ihr Vertrauen![COLOR=#000080]</span>[/COLOR][COLOR=#000080]<br />[/COLOR]
                 [COLOR=#000080]<br />[/COLOR]
                 [COLOR=#000080]<span class=[COLOR=#0000FF]"Stil40"[/COLOR]>[/COLOR]Unsere Referenzfeuerwerke:[COLOR=#000080]</span>[/COLOR][COLOR=#000080]</p>[/COLOR][COLOR=#008080]</td>[/COLOR]
           [COLOR=#008080]</tr>[/COLOR]
         [COLOR=#008080]</table>[/COLOR]
         [COLOR=#000080]<p align=[COLOR=#0000FF]"left"[/COLOR]>[/COLOR][COLOR=#000080]<strong>[/COLOR][COLOR=#000080]<span class=[COLOR=#0000FF]"Stil8"[/COLOR]>[/COLOR][COLOR=#000080]<font color=[COLOR=#0000FF]"#000000"[/COLOR] size=[COLOR=#0000FF]"5"[/COLOR] face=[COLOR=#0000FF]"Verdana, Arial, Helvetica, sans-serif"[/COLOR]>[/COLOR][COLOR=#000080]<font size=[COLOR=#0000FF]"2"[/COLOR]>[/COLOR]
           [COLOR=#800080]<style>[/COLOR]
BODY { 
scrollbar-face-color: #cbcbcb; 
SCROLLBAR-TRACK-COLOR: #cbcbcb;
scrollbar-arrow-color: black; 
scrollbar-base-color: black; 
scrollbar-shadow-color : #black; 
SCROLLBAR-3DLIGHT-COLOR: #black;
SCROLLBAR-DARKSHADOW-COLOR: #black; 
scrollbar-highlight-color: #black; } 
   [COLOR=#800080]</style>[/COLOR]

Ein Screenschot von der Seite:
Aufzeichnen.jpg
 
Dein Quellcode sieht etwas befremdlich aus. Da sind Tabellen, obwohl ich auf den Screenshot keinerlei tabellarische Daten sehe. Da hast Du wohl was falsch ausgezeichnet, oder arbeitest noch im Stil des letzten Jahrtausends.

Du verwendest in Deinem div (ich nenne das nicht Layer, weil <layer> eine Netscape-Erfindung ist und nur in Netscape 4 funktioniert, und <div> auch nicht dazu da sind, was das Wort "Layer" impliziert, sie dienen nämlich einfach zum Gruppieren mehrerer Elemente) die CSS-Eigenschaften bottom, left und top, aber ohne position. IIRC ist das nicht zulässig.

Du solltest Deinen Code mal von einem HTML- bzw. einem CSS-Validator checken lassen, denn wenn Fehler im Code sind, sollten diese erstmal behoben werden.

Und lerne doch mal HTML und zeichne Deinen Inhalt semantisch sinnvoll aus, wie es mit HTML gedacht ist. Tipps dazu kannst Du hier wie Sand am Meer finden.

Grüße,
-Efchen
 
Zurück
Oben