problem bei dem content

Burst

hi schaut ich versuche meinen content so zu machen das der text da drinne gescrollt wird und nur in dem bild bleibt

Grevas

Nachts ist es kälter als draußen.

Oder anders: was willst du uns sagen? Wie wärs mit der Seite und paar genaueren Angaben? Oder wenigstens Quellcode?

Unregistriert

}
#content_container {
left:452px;
position:absolute;
top:360px;
width:547px;

}

#content {
padding:15px;
width:50px;
display: inline;
overflow:auto;
}
#post_content {
background:transparent url(http://burst18.bplaced.net/Contente.jpg) ;
height:14px;
width:100%;

}

das ist der code ich muss nur wissen wie ich wo ne scroll kake einbaue

Grevas

naja nicht sehr hilfreich aber etwas kann ich dir trotzdem sagen:

overflow:auto;

ist schonmal richtig, allerdings musst du den Elementen auch noch feste höhe und / oder breite vergeben.

Z.B.:

#content_container {
left:452px;
position:absolute;
top:360px;
width:547px;
height: 300px;
overflow: auto;
}

Unregistriert

naja klappt nicht so wirklich was brauchst du denn ?

Grevas

Die Seite wäre zum Beispiel sehr hilfreich und die Info wo die Scrollbalken überhaupt hin sollen?

Unregistriert

jo also mal hier
http://anime-labor.de.tl/Impressum.htm so soll es sein das habe ich bis jetzt erreicht

aber wenn du hier guckst

http://anime-labor.de.tl/Musik.htm

ich habe im moment keine ahnung warum es net geht ich poste dir mal mein gesammtes design hier dazu muss ich noch sagen das es ein baukasten bei Homepage baukasten ist es ist in 3 teile geteilt

Teil 1 Text über dem design

Navigation

<a href="http://anime-labor.de.tl/Home.htm" class="nav">Home</a> 
<a href="http://anime-labor.de.tl/Partner.htm" class="nav">Partner</a> 
<a href="http://anime-labor.de.tl/Impressum.htm" class="nav">Impressum</a> 
<a href="http://anime-labor.de.tl/G.ae.stebuch.htm" class="nav">Gästebuch</a>

</center>

Multimedia

<a href="http://anime-labor.de.tl/Anime.htm" class="nav">Anime Serien</a> 
<a href="http://anime-labor.de.tl/Musik.htm" class="nav">Jap. Musik DL</a> 
<a href="http://anime-labor.de.tl/Asia.htm" class="nav">Asia Movies</a>

Shout
<object width="170" height="350" id="obj_1239449610053"><param name="movie" value="http://aniamvs.chatango.com/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1239449610053&f=0&i=0&l=999999&m=000099&q=0000CC&r=2&v=0&w=0&ab=0"/><embed id="emb_1239449610053" src="http://aniamvs.chatango.com/group" width="170" height="350" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1239449610053&f=0&i=0&l=999999&m=000099&q=0000CC&r=2&v=0&w=0&ab=0"></embed></object> <a href="http://aniamvs.chatango.com/clonegroup?ts=1239449610053"></a><a href="http://chatango.com/creategroup?ts=1239449610053">
<a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1239549493" style="border:none" alt="Counter" /></a>
</center>

</td>
<td valign=top>
<img src="http://burst18.bplaced.net/index_08.jpg" width=19 height=185></td>
<td background="http://burst18.bplaced.net/index_09.jpg" width=502 height=185 valign=top style="background-repeat: no-repeat; padding-top: 80px">

</div>

</td>
<td valign=top>
<img src="http://burst18.bplaced.net/index_10.jpg" width=49 height=185></td>
</tr>
<tr>
<td colspan=5 background=http://burst18.bplaced.net/foot.jpg height=81 valign=top style="background-repeat: no-repeat">

</td>
</tr>

TEIL 2 unter dem design

</div>

Teil 3 CSS Codes ohne Styletags

<html>
<head>
<title>Anime-Labor</title>
<link rel=stylesheet href=http://burst18.bplaced.net/index.css type=text/css>
</head>
<body>
<style type="text/css">
<!--
body {
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #4A687D;
scrollbar-face-color: #4A687D;
scrollbar-highlight-color: #94CBDF;
scrollbar-shadow-color: #294559;
scrollbar-3dlight-color: #263E4F;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #263E4F;
}

Navigation

<a href="#" class="nav">Home</a> 
<a href="#" class="nav">Partner</a> 
<a href="#" class="nav">Kontakt</a> 
<a href="#" class="nav">Meine AMVs</a>

</right>

Animes

<right>

<a href="Animedub.php" class="nav">DUB (Deutsch)</a> 
<a href="#" class="nav">Sub (Untertitel)</a> 
<a href="#" class="nav">Anime Movies</a> 
<a href="#" class="nav">Asia Movies</a>

<right>

Shout
<object width="170" height="350" id="obj_1239449610053"><param name="movie" value="http://aniamvs.chatango.com/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1239449610053&f=0&i=0&l=999999&m=000099&q=0000CC&r=2&v=0&w=0&ab=0"/><embed id="emb_1239449610053" src="http://aniamvs.chatango.com/group" width="170" height="350" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1239449610053&f=0&i=0&l=999999&m=000099&q=0000CC&r=2&v=0&w=0&ab=0"></embed></object> <a href="http://aniamvs.chatango.com/clonegroup?ts=1239449610053"></a><a href="http://chatango.com/creategroup?ts=1239449610053">
<a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1239549493" style="border:none" alt="Counter" /></a>
</right>

.head { font-family: arial narrow; font-size: 20px; color: #9DB5D9; text-transform: uppercase; font-weight: bold; text-align: center; height: 28px; background-image: url(head.gif); padding-right: 15px;}

.head2 { font-family: verdana; font-size: 13px; color: #9DBCE4; text-align:center; font-weight: bold; background-color: #39577F; border: 1px #6E90BE solid; padding: 1px; text-transform: uppercase}

A:link {color: #FFFFFF;text-decoration: none; cursor: help;}
A:visited {color: #FFFFFF;text-decoration: none; cursor: help;}
A:active {color: #FFFFFF;text-decoration: none; cursor: help;}
A:hover {color: #9FBDC9;text-decoration: none; cursor: help;}

.nav:link {color: #9FBDC9;text-decoration: none; cursor: help; font-weight: bold;}
.nav:visited {color: #9FBDC9;text-decoration: none; cursor: help; font-weight: bold;}
.nav:active {color: #9FBDC9;text-decoration: none; cursor: help; font-weight: bold;}
.nav:hover {color: #62B0CF;text-decoration: none; cursor: help; font-weight: bold; position: relative; left: 1px; top: 1px;}

body
{background-color: #000000;
background-attachment: scroll;
font-family: verdana;
color: #A19FC9;
letter-spacing: 0px;
font-weight: normal;
font-size: 10px;
margin: 0px;
cursor: default;}

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

.head { font-family: arial narrow; font-size: 20px; color: #9DB5D9;text-transform: uppercase; font-weight: bold; text-align: center; height: 28px; background-image: url(http://burst18.bplaced.net/headi.gif); padding-right: 15px;}

.head2 { font-family: verdana; font-size: 13px; color: #9DBCE4; text-align:center; font-weight: bold; background-color: #39577F; border: 1px #6E90BE solid; padding: 1px; text-transform: uppercase}

A:link {color: #FFFFFF;text-decoration: none; cursor: help;}
A:visited {color: #FFFFFF;text-decoration: none; cursor: help;}
A:active {color: #FFFFFF;text-decoration: none; cursor: help;}
A:hover {color: #9FBDC9;text-decoration: none; cursor: help;}

.nav:link {color: #9FBDC9;text-decoration: none; cursor: help; font-weight: bold;}
.nav:visited {color: #9FBDC9;text-decoration: none; cursor: help; font-weight: bold;}
.nav:active {color: #9FBDC9;text-decoration: none; cursor: help; font-weight: bold;}
.nav:hover {color: #62B0CF;text-decoration: none; cursor: help; font-weight: bold; position: relative; left: 1px; top: 1px;}
.

}
#content_container {
left:459px;
position:absolute;
top:325px;
width:525px;
height: 600px;
display: outline;
overflow: auto;
}

}

#content {
padding:15px;
width:50px;
display: inline;
overflow:auto;
}
#post_content {
background:transparent url(http://burst18.bplaced.net/Contente.jpg) ;
height:12px;
width:100%;
height:10000%;
}

Unregistriert

habe noch ein paar fehler behoben die ich hier gesegen habe jetzt habe ich das problem gefunden es ist dieser teil
<td valign=top>
<img src="http://burst18.bplaced.net/index_10.jpg" width=49 height=185></td> das oben rechts neben dem content wenn es weg ist geht alles

aber der teil muss da sein was nun

Grevas

AU. IE User. Und auch noch Version 7...

was soll der quark bewirken -> height:10000%; ?

Aber egal:

#content {
padding:15px;
width:50px;
display: inline;
overflow:auto;
}
schreib da noch ein height: 400px; rein (zum Beispiel)... und DANN schaust du dir die Seite mal mit einem anderen Browser an, IE6, 8, FireFox, Safari - irgendeinen, dann wirst ganz schön überrascht sein.

Unregistriert

sorry hilft nix ich nutze den Avant Browser dort ist es perfekt so wie es jetzt ist aber bei mozilla sieht es anders aus auch der content ist links

threadi

Bei derart vielen HTML-Fehlern lohnt es sich nicht mal nach deinem Problem zu suchen. Beseitige erstmal das alles:
http://validator.w3.org/check?verbose=….tl%2FMusik.htm

Unregistriert

habe es jetzt auch alleine geschafft

threadi

Achso? In meinem Firefox sieht die Seite dennoch ziemlich kaputt aus.

Tags