verschachtelter Div scrollen!?

Laksone · 19.10.2009

hallo,
ich brauche mal wieder hilfe!
ich will in einen scrollbaren div (contentbereich) ein paar bilder am rechten rand einfügen (bilderdiv) ohne dass sie den inhalt verschieben!
sie sollen aber trotzdem mitscrollen.

vielleicht fällt euch ja spontan eine lösung ein!?
so wie es jetzt ist scrollen die bilder nicht mit?!

Gruß Laks

#bilderdiv {
width: 100px;
height: 200px;
overflow: hidden;
padding: 0;
margin: 0;
position:relative;
left: 500px;
top: 300px;
}

_____________________________________________

<div id="content">

<div class="padding">
<a name="start">
<img src="bilder/platzhalter.gif" />
</a>

<div id="bilderdiv">

<img src="bilder/header.jpg" width="80" height="80" style="position:absolute; top:50px; right:10px;" />
</div>

Yaulin · 19.10.2009

AW: verschachtelter Div scrollen!?

Mach einfach den Text "Die Allrounder" -> Das div float left; und mach ein div um die bilder float right. Die beiden packst du in ein übergeordnetes div.

Das sollte eigentlich funktionieren.

Laksone · 19.10.2009

AW: verschachtelter Div scrollen!?

hmm entweder hab ichs falsch gemacht oder es funktioniert nicht!

danke schonmal!
___________________________________

<div id="bg_content">

<div id="content">

<div id="bilderdiv">
<img src="bilder/header.jpg" width="80" height="80" style="position:absolute; top:50px; right:10px; " />
</div>

___________________________________

#bg_content {
width: 691px;
height: 496px;
padding: 0;
margin: 0;
background-image:url(../bilder/content.jpg);
background-repeat:no-repeat;
overflow:hidden;
float: left;
}

#content {
width: 691px;
height: 496px;
overflow-x:hidden;
overflow-y:auto;
overflow-y:scroll;
padding: 0;
margin: 0;
float: left;
}

#bilderdiv {
width: 100px;
height: 200px;
overflow: hidden;
padding: 0;
margin: 0;
position:relative;
left: 500px;
top: 300px;
float:right;
border:solid;
}

Laksone · 19.10.2009

AW: verschachtelter Div scrollen!?

ist vielleicht besser!!!

...achso nochmal so nebenbei weil hier nicht so viel resonanz kommt! Wie hättet ihr denn das Layout stattdessen umgesetzt!? Iframe (wurde mir immer abgeraten) ???

infernalvoice · 19.10.2009

AW: verschachtelter Div scrollen!?

hallo,

kopiere dir mal diesen inhalt in ein neues (leeres) html dokument.

wenn ich dich richtig verstanden habe sollte das ganz einfach auf deine seite übertragbar sein:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">

</style>
</head>

<body>

<div class="wrapper">

<div>

texttrallalla<br />nvnbnv<br />VBnnf<br />nvbnv<br />Vbnvbnv<br />vnvnbn<br />Vbnvnv<br />vnvnvnv<br />
texttrallalla<br />nvnbnv<br />VBnnf<br />nvbnv<br />Vbnvbnv<br />vnvnbn<br />Vbnvnv<br />vnvnvnv<br />
texttrallalla<br />nvnbnv<br />VBnnf<br />nvbnv<br />Vbnvbnv<br />vnvnbn<br />Vbnvnv<br />vnvnvnv<br />

<div id="bild"></div>

</div>
</div>

</body>
</html>

ich weiß jetzt nicht genau was du mit anders umsetzen meinst. mit tabellen? so wie du da rangehst ist das meiner meinung nach schon ok.
vom iframe hat man mir auch abgeraten, ist wohl veraltet.

Laksone · 20.10.2009

AW: verschachtelter Div scrollen!?

okay danke an alle, hab aber schon eine lösung für mein problem gefunden!!!