Autor |
Nachricht |
Thurgood
Threadersteller
Dabei seit: 11.04.2007
Ort: Bremen
Alter: 40
Geschlecht:
|
Verfasst Mo 06.04.2009 15:15
Titel CSS - Div soll sich an Nachbarzelle für Höhe orientieren |
|
|
Guten Tag,
ich sitz jetzt seit einiger Zeit an einem Problem und komm da nicht wirklich weiter. Hab "alles" versucht und irgendwie wills nicht klappen. Daher hoffe ich auf eure Hilfe.
Also... hier ist mein geliebtes Problem:
http://img12.imageshack.us/img12/8470/unbenannt1npl.jpg
Und der Code:
Code: |
HTML
<div class="contentframe">
<div class="tabtitle">
<div class="titleblock">Laber Laber</div>
</div>
<div class="tabtitre">
<div class="titleblock">Laber Laber</div>
</div>
<div class="tabinhle">
<div class="intro2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.</div></div>
<div class="tabinhre">
<ul>
<li><a href="#">Punkt 1</a></li>
<li>Punkt 2</li>
<li>Punkt 3</li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="theline"> </div>
</div>
CSS
.contentframe {
position: relative;
width: 600px;
height: auto;
}
.tabtitle {
width: 400px;
height: 35px;
float: left;
background-color: #bbbbbb;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #005645;
}
.tabtitre {
width: 200px;
height: 35px;
float: right;
background-color: #005645;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CCCCCC;
}
.tabinhle {
width: 399px;
height: auto;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
.tabinhre {
width: 200px;
height: auto;
background-color: #bbbbbb;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #005645;
}
.titleblock {
padding: 10px;
}
.clear {
clear: both;
}
|
Glaube das sollte alles sein. Kann sein, dass der Code für einen CSS/Html-Crack grausam ist... aber er erfüllt bis auf besagte Geschichte seinen Zweck.
Anyway... einer ne Ahnung?
Zuletzt bearbeitet von Thurgood am Mo 06.04.2009 15:19, insgesamt 1-mal bearbeitet
|
|
|
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 06.04.2009 15:55
Titel
|
|
|
Hab jetzt nur dein Bild angesehen, aber wenn dein kleiner SeitenContainer innerhalb des großen Containers liegt sollte eine Höhe von 100% zum gewünschten Ziel führen.
|
|
|
|
|
Ascend
Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht:
|
Verfasst Mo 06.04.2009 15:55
Titel
|
|
|
ich würde da einfach tricksen:
erstelle eine grafik 600x1 farbe weiß. auf der rechten seite wo dann deine box ist, einen streifen von 200 px in der farbe #bbbbbb
und diese grafik gibst du dem .contentframe als hintergrundgrafik an mit repeat-y;
|
|
|
|
|
Thurgood
Threadersteller
Dabei seit: 11.04.2007
Ort: Bremen
Alter: 40
Geschlecht:
|
Verfasst Mo 06.04.2009 16:00
Titel
|
|
|
Manchmal ist man eben nicht in der Lage seine Suchbegriffe auf die entscheidenden und zum Ziel führenden Schlagwörter zu reduzieren. -.-
Aber danke für den Link.
@Ascend:
War auch mein Gedanke, wollte es aber gerne ohne tricksen lösen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Div-Höhe am u. Browserrand orientieren ohne height: 100%?
höhe vom div?
CSS DIV 100% Höhe
css div container höhe?
Problem mit DIV-Höhe
iframe höhe auf 90%
|
|