Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.01.2010 um 18:29 (UTC)    
Titel: [erledigt]CSS: scrollbar nicht immer aktiv

Hi Leute,

bei meinem Design habe ich das Problem, dass , wenn ich die scrollbar nach unten ziehen will, diese sich nicht immer bewegen lässt. Kann es sein, dass ich den Content zu weit vorn oder zu weit hinten platziert habe?
Über eure Hilfe würde ich mich sehr freuen,

mfG stopfermaxi

Hier ist der Link http://www.stopfermaxi.de.tl/G.ae.stebuch.htm
und hier ist das Design:

Zitat:
td[height="80"] {
position:absolute;
left:50%;
margin-left:-376px; }


/* Nullformatierung für alle Browser */
*{margin:0px; padding:0px; }

/* Hintergrund */
body {
background-color: #000000;
background-image: url(); }




/* Designbild / Breite und Höhe vom Bild einfügen */
#Designbild {
position:absolute;
top: 100px;
left:50%;
margin-left:-470px;
width:1024px;
height:768px;
background-image:url(http://img.webme.com/pic/s/stopfermaxi/bglaptop9.gif);}



/* Linkfarben im Textfeld content */
#content a{
color:#0011FF;
text-decoration:none;}
#content a:hover{
color:#FF0000;
text-decoration:none;}


/* Das Textfeld */
#content {
position: absolute;
left: 50%;
top: 200px;
margin-left:-250px;
width: 560px;
height:320px;
color:#XXXXXX;
font-size:13px;
font-family:arial;
text-align:left;
background-color:#XXXXXX;
background-image:url();
border: 0px solid #FFFFFF;
overflow:auto;}

/* rechte Box */
#sidebar_container {
position: absolute;
left: 50%;
top: 240px;
margin-left: 220px;
width: 150px;
height: 180px;
line-height:9px;
color: #C6BA8A;
font-size: 12px;
font-family: arial;
overflow: auto;
border: 0px solid #FFFFFF;}



/* Feld Navigation */
#nav_container {
position: absolute;
left:50%;
top:240px;
margin-left:-360px;
border:0px solid #FFFFFF;}



/* Hintergrund Navi-Buttons */
li.nav_element {
list-style-type: none;
position: relative;
margin-bottom:5px;}

/* Navi-Links */
li.nav_element a {
display: block;
width: 112px;
font-family:arial;
font-size:13px;
text-decoration: none;
text-align: left;
padding-left:5px;
color:#C6BA8A;
background-color:;
background-image:url();
border: 1px solid #C6BA8A;}

/* Hover-Effekt Navi-Links */
li.nav_element a:hover{
color: #2D261C;
background-color:#C6BA8A;
background-image:url();
border: 1px solid #FFFFFF;}



/* Feld unter Textfeld */
#Feld_unten {
position: absolute;
left: 50%;
top: 520px;
margin-left:-250px;
width: 560px;
height: 35px;
background-color:#001DF3;
color: #C6BA8A;
font-size: 12px;
font-family: arial;
text-align: center;
border: 0px solid #FFFFFF;}

#counter{display:none;}

/* Felder die wir nicht benötigen */
h1#header {display:none;}
h2#title {display:none;}
#sidebar_heading{display:none;}
#nav_heading{display:none;}
#nav_container{display:none;}


#box{
position:relative;
top:140px;
right: 10%;
margin-left: 111px;
width: 220px;
background-image:(http://img.webme.com/pics/stopfermaxi/sprech.gif);
text-align: left;
opacity: 0.5;
filter: alpha(opacity=50);
background-color:#FFFFFF;
border:0px solid #000000;
color:#FFFFFF;}


Zuletzt bearbeitet von stopferbedia am 03.01.2010, 12:27, insgesamt 3-mal bearbeitet
Beitrag02.01.2010 um 23:54 (UTC)    
Titel:

Hi,
ich denke das hat mit der vorhandenen Transparenz des Computers zu tun.
Du kannst das höchstens mit z-index anpassen.

Zitat:
#Designbild {
position:absolute;
z-index: 1;
top: 100px;
left:50%;
margin-left:-470px;
width:1024px;
height:768px;
background-image:url(http://img.webme.com/pic/s/stopfermaxi/bglaptop9.gif);}


Zitat:
#content {
position: absolute;
z-index: 2;
left: 50%;
top: 200px;
margin-left:-250px;
width: 560px;
height:320px;
color:#XXXXXX;
font-size:13px;
font-family:arial;
text-align:left;
background-color:#XXXXXX;
background-image:url();
border: 0px solid #FFFFFF;
overflow:auto;}


Gruss
Riki
Beitrag03.01.2010 um 11:26 (UTC)    
Titel:

Hey danke, jetzt funktioniert es Very Happy
Beitrag03.01.2010 um 11:30 (UTC)    
Titel:

stopferbedia hat Folgendes geschrieben:
Hey danke, jetzt funktioniert es Very Happy

Keine Ursache. Wink
Gerne wieder.

Gruss
Riki

PS: Wenn das Thema erledigt ist, kannst du einen Hinweis, wie z.B. [erledigt]
vor den Titel des Threads tun. So wissen die Moderatoren, dass sie closen
können.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de