nicht angemeldet
Div Positionierung
Hallo,
mein Problem ist folgendes:
Ich habe einen Div Bereich mit folgenden css Angaben:
height:390px;
border : 1px solid #187aa1;
margin-top : 30px;
margin-left:10px;
margin-right:0px;
background-color : #333333;
float : none;
padding-left : 15px;
z-index:0;
In diesem möchte ich jetzt z.B. ein <h1> Objekt etwas nach Oben verschoben als Box darstellen:
padding : 5px;
display : inline;
top : -20px;
position:relative ;
left : 10px;
overflow : visible;
background-color : #00243c;
border : 1px solid #187aa1;
z-index:500;
Das klappt auch alles ganz gut, bis ich im DIV Bereich folgendes Attribut hinzufüge:
overflow:scroll;
Das brauche ich, um die Inhalte nicht das umliegende Table Gerüst durchbrechen zu lassen!
Jedoch wird ab jetzt in Opera nur noch der Teil des <H1> angezeigt, der sich im DIV Bereich befindet... im IE geht es weiterhin, was kann ich tun?
Gruss Maik
-
hi,
Jedoch wird ab jetzt in Opera nur noch der Teil des <H1> angezeigt, der sich im DIV Bereich befindet... im IE geht es weiterhin, was kann ich tun?
eine andere lösung als overflow:scroll suchen - die nun mal das bewirken soll, was du im opera siehst.
gruß,
wahsaga--
I'll try being nicer if you'll try being smarter.-
War das jetzt ein versteckter Hinweis? Wenn ja, bin ich leider zu blind, um die Lösung zu sehen...
-
-
Moin moin
Das brauche ich, um die Inhalte nicht das umliegende Table Gerüst durchbrechen zu lassen!
Mach entweder Tabellen _oder_ divs...
Gruß,
Marc.--
sh:( fo:| ch:? rl:? br:> n4:& ie:% mo:} va:} de:] zu:) fl:( ss:| ls: js:(
http://www.peter.in-berlin.de/projekte/selfcode/?code=sh%3A%28+fo%3A%7C+ch%3A%3F+rl%3A%3F+br%3A%3E+n4%3A%26+ie%3A%25+mo%3A%7D+va%3A%7D+de%3A%5D+zu%3A%29+fl%3A%28+ss%3A%7C+ls%3A+js%3A%28 -
Hallo,
was kann ich tun?
In jedem Fall muss der Boxtitel (H1) außerhalb des DIV-Elements stehen. Sonst ist es eigentlich logisch, dass er bei overflow:scroll mitgescrollt werden sollte.
So könnte das aussehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Inhaltsboxen mit Titel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
#inhaltsBox {
height:390px;
border : 1px solid #187aa1;
margin : 0;
padding : 10px;
padding-top : 2em;
overflow:scroll;
z-index : 0;
}#inhaltsBoxTitel {
background-color:#FFFFFF;
margin : 0;
margin-left : 25px;
padding: 2px;
display : inline;
position : relative;
bottom : -.5em;
border : 1px solid #187aa1;
z-index : 1;
}
-->
</style>
</head>
<body>
<p>... vorher</p>
<h1 id="inhaltsBoxTitel">Boxtitel</h1>
<div id="inhaltsBox">
<h2>Überschrift</h2>
<h3>Überschrift</h3>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
<p>Text Text Text Text Text Text Text Text Text Text Text Text </p>
</div>
<p>... nachher</p>
</body>
</html>viele Grüße
Axel