nicht angemeldet
Ich brauche jedoch die postion: absolute.
Wozu?
Weiß jemand Rat woran es liegen könnte, dass der div-center in diesem Fall sich nicht ausdehnt, sondern abgeschnitten wird?
Du hast den Themenbereich CSS gewählt.
Du hast ein CSS-Problem.
Du hast lediglich HTML gepostet.Erkennst du deinen Fehler der uns möglicherweise daran hindert, dir zu helfen?
Btw: es liegt ein leichter overflow-Geruch in der Luft.
Voilà, jetzt bin ich aber gespannt
<!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" xml:lang="de" lang="de" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>abgeschnittener div</title>
<style type="text/css">
/*<![CDATA[ */
#wrapper {
width: 980px;
}
.wrapper_col {
position: relative;
clear: both;
float: left;
width: 100%;
overflow: hidden;
}
.left {
background: #eaeaea;
}
.left .colright {
float: left;
width: 200%;
position: relative;
left: 280px;
background: #FFFFFF;
}
.left .col1wrap {
float: right;
width: 50%;
position: relative;
right: 280px;
padding-bottom: 1em;
}
.left .col1 {
margin: 0 0px 0 280px;
position: relative;
right: 100%;
overflow: hidden;
}
.left .col2 {
float: left;
width: 280px;
position: relative;
right: 280px;
}
.maincontent {
position: relative;
width: 550px;
margin: 0 140px 0 0;
background: fuchsia;
}
#divid-2 {
position: absolute;
top: 0px;
left: 0px;
z-index: 4;
width: 120px;
text-align: left;
margin: 0px 0 0px 580px;
padding: 20px 0;
background: lime;
}
/* ]]> */
</style>
</head>
<body>
<div id="wrapper">
<div class="wrapper_col left">
<div class="colright">
<div class="col1wrap">
<!-- Beginn Spalte 1 - rechts (content) -->
<div class="col1">
<div class="center">
<!---->
<div id="1" class="maincontent">
<p>MAINCONTENT</p>
</div>
<div id="divid-2">
<p>IN DIESEM DIV WIRD DER INHALT ABGESCHNITTEN, DA DER TEXT IM CONTAINER MAINCONTENT K�RZER IST.</p>
</div>
</div>
</div> <!-- Ende Spalte 1 -->
</div> <!-- col1wrap -->
<!-- Beginn Spalte 2 - links (navigation) -->
<div class="col2">
</div> <!-- Ende Spalte 2 -->
</div> <!-- Ende colright -->
</div> <!-- Ende wrapper_col -->
</div> <!-- END wrapper -->
</body>
</html>
Gunnar Bittersmann