mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 16:08 Benutzername: Passwort: Auto-Login

Thema: CSS Ebenen vom 10.07.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> CSS Ebenen
Autor Nachricht
Hellfire
Threadersteller

Dabei seit: 10.07.2008
Ort: -
Alter: 36
Geschlecht: Männlich
Verfasst Do 10.07.2008 13:42
Titel

CSS Ebenen

Antworten mit Zitat Zum Seitenanfang

Huhu Leute,

ich habe eine Webseite erstellt, die in Tabellen unterteilt ist. Auf der Linken Seite ist die Navigationsleiste. Und in der Mitte sollen die Texte rein.

Nun will ich es so machen das ich mit hilfe von CSS einen Hintergrundebene, eine Textebene(ebene2) zum Scrollen (diese soll ein Iframe sein) und eine dritte Ebene die beide Ebenen ringsrum überlappt.

Bloß wenn ich die dirtte Ebene darüber lege kann ich den darunter liegenden Text nicht mehr Scrollen/anklicken/makieren. Das Bild der dritten Ebene ist ein Tranzparentes *.png. Mir ist eingefallen das es vllt daran liegen könnte das man durch die Ebene3 nicht durchkommt. Gibt es da eine möglichkeit?

Ich hab was von floats gehört weis aber überhaupt nicht wie ich die Anwenden soll.

@edit die index_03.png ist die Ebene3

Bilder:
Bild der Ebene3
http://img84.imageshack.us/my.php?image=index03rm0.png
Erklärung
http://img80.imageshack.us/my.php?im...enannt2vh7.jpg


Code:
<html>
<head>
<title>Bleilatschen.de</title>

<style type="text/css">
<!--

#scrollbar {
   overflow:hidden;
}

<!-- #Background {
   background-image:url(Background.gif);
   background-repeat:no-repeat;
   z-index:1;
   position:absolute;
} -->

#Layer1 {
        position:absolute;
      z-index:2;
      
}
#Layer2 {
      position:absolute;
      z-index:3;
      
}

-->
</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Tabelle_01" width="851" height="550" border="0" cellpadding="0" cellspacing="0" align="center">
   <tr>
      <td colspan="3">
         <img src="Bilder/index_01.gif" width="850" height="78" alt=""></td>
      <td>
             <!--   <img src="Bilder/spacer.gif" width="1" height="78" alt=""></td>
               -->
   </tr>
   <tr>
      <td>
         <a href="frames/geschichte.htm" target="frame"><img src="Bilder/index_02.gif" width="132" height="47"  border="0" alt=""></a></td>
      <td rowspan="12">
            <div id="scrollbar"><div>               
            
             <div id="Layer1">               
             <iframe name="frame" width="634" height="361" align="middle" border="1" frameborder="0"
               src="frames/startbild.htm">
               </iframe>      
             </div>
            
             <div id="Layer2">
             <img src="Bilder/index_03.png" width="653" height="395" alt=""></td>
             </div>
            
            
      <!--<div id="Background"></div>-->       
               
                 
            
      <td rowspan="13">
         <img src="Bilder/index_04.gif" width="65" height="472" alt=""></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="47" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/index_05.gif" width="132" height="5" alt=""></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="5" alt=""></td>
   </tr>
   <tr>
      <td>
         <a href="frames/events.htm" target="frame"><img src="Bilder/index_06.gif" width="132" height="47" border="0" alt=""></a></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="47" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/index_07.gif" width="132" height="5" alt=""></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="5" alt=""></td>
   </tr>
   <tr>
      <td>
         <a href="frames/tauchen.htm" target="frame"><img src="Bilder/index_08.gif" width="132" height="47"  border="0" alt=""></a></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="47" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/index_09.gif" width="132" height="5" alt=""></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="5" alt=""></td>
   </tr>
   <tr>
      <td>
         <a href="frames/gaestebuch.htm" target="frame"><img src="Bilder/index_10.gif" width="132" height="47"  border="0" alt=""></a></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="47" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/index_11.gif" width="132" height="5" alt=""></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="5" alt=""></td>
   </tr>
   <tr>
      <td>
         <a href="frames/impressum.htm" target="frame"><img src="Bilder/index_12.gif" width="132" height="47"  border="0" alt=""></a></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="47" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/index_13.gif" width="132" height="5" alt=""></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="5" alt=""></td>
   </tr>
   <tr>
      <td>
         <a href="frames/links.htm" target="frame"><img src="Bilder/index_14.gif" width="132" height="47"  border="0" alt=""></a></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="47" alt=""></td>
   </tr>
   <tr>
      <td rowspan="2">
         <img src="Bilder/index_15.gif" width="132" height="165" alt=""></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="88" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/index_16.gif" width="653" height="77" alt=""></td>
      <td>
         <img src="Bilder/spacer.gif" width="1" height="77" alt=""></td>
   </tr>
</table>

</body>


Zuletzt bearbeitet von Hellfire am Do 10.07.2008 13:43, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Do 10.07.2008 17:50
Titel

Antworten mit Zitat Zum Seitenanfang

da musst du wohl ebene 2 über ebene 3 legen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Snifferdog

Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht: Männlich
Verfasst Fr 11.07.2008 12:43
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,


also die floats die du erwähnt hast haben mit der Reihenfolge der Ebenen eigentlich nichts zu tun.
Floats bringen z.b. Texte dazu um ein anderes Element herzumzufließen. Bzw sich daneben anzuordnen.

Die einzige Lösung wird wohl sein, dass du deine 2 Ebene per z-index über die 3 legst anders kommst du nicht dran.
Ist ja auch logisch man kann halt immer nur mit der obersten Ebene agieren.

Gruß
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Objekte aus Ebenen einfügen und wieder auf Ebenen verteilen
Ebenen
Bildwechsel mit Ebenen ??
Ebenen in GoLive
Formulare auf PDF-Ebenen
ebenen-problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.