tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
669
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 28.04.11 17:10 #1
    Johanni Johanni ist offline Mitglied Silber
    Registriert seit
    Sep 2007
    Beiträge
    54
    Gute Tag,
    Ich habe folgendes Problem. Ich moechte einen div container leicht transparent machen, der Inhalt soll jedoch nicht transparent sein. Eigentlich habe ich es schon fast geschafft, allerdings wollen beide container nicht uebereinander liegen. Der footertext sitzt dort wo er sein soll (zentriert) aber der footer (der transparente Kasten) ist linksbuendig.
    Im head habe ich folgendes deklariert:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

    <style type="text/css">
div.footer
  {
  width:900px;
  height:30px;
  background-color:#000000;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  position: absolute;
  margin:auto;
  }
div.footertext
  {
  width:900px;
  height:30px;
  position:relative;
  }
</style>

    der bodie sieht wie folgt aus

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

    <body>
<div align=center valign=top>
<div class="footer">
</div>
<div class="footertext">
<table width="900" height="30" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
     <td width="900" align="left" valign="middle">
     <font class="footer">Dies soll der Footer sein und der Text in ihm</font>    
     </td>
    </tr>
   </table> 
</div>
</div>
</body>

    wie man sieht moechte ich bei den divs vermeiden mit margins zu arbeiten da ich ja im body alles als centered deklariert habe.

    Hat jemand eine Idee?

    Vielen Dank
    Gruss
     
    Zitieren Zitieren
  2. 28.04.11 20:34 #2
    Johanni Johanni ist offline Mitglied Silber
    Registriert seit
    Sep 2007
    Beiträge
    54
    Habe es auch mit der Z-Achse probiert falls dieser Denkanstoss hilft aber ich komme nicht dahinter... Wenn ich die divs im Body nicht sofort schliesse und sie "umklammer" dann ist der Text auch transparent aber der Balken ist am richtigen Fleck...
    Bitte?Irgendwer?
     
    Zitieren Zitieren
  3. 04.05.11 11:08 #3
    das-schaf das-schaf ist offline Rookie
    Registriert seit
    Jul 2003
    Beiträge
    6
    Also das Position absolut lässt es nach links schieben, ...
    schau mal, probier das, müsste eigentlich gehn, ... einfach untereinander und dann relativ zur Position nach oben verschieben:

    HTML-Code:
    div.footer
  {
  width:900px;
  height:30px;
  background-color:#000000;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  margin:auto;
}

div.footertext
  {
  width:900px;
  height:30px;
  position:relative;
  top: -30px;
  margin: auto;
}
     
    » forward-media.de | Medienagentur in Bamberg für Drupal, Prestashop und SEO - Drupal Entwicklung | Drupal Tutorials
    Zitieren Zitieren
« Problem bei Schriftvergrößerung | Floatende CSS container »

Ähnliche Themen

  1. Problem mit der Transparenz
    Von Dragonate im Forum Photoshop
    Antworten: 2
    Letzter Beitrag: 21.05.10, 19:11
  2. Problem Mit CSS & IE Transparenz
    Von du ciel im Forum CSS
    Antworten: 0
    Letzter Beitrag: 05.10.08, 09:02
  3. Transparenz Problem IE + PNG
    Von Gis im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 04.10.05, 23:33
  4. Problem mit Transparenz
    Von Cpt_Sulo im Forum CSS
    Antworten: 5
    Letzter Beitrag: 17.05.05, 12:46
  5. transparenz-problem...
    Von en2k im Forum 3D Studio Max
    Antworten: 4
    Letzter Beitrag: 13.07.02, 17:35