XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Drei Divs in eins einbetten - Rahmen um äußeres (http://xhtmlforum.de/showthread.php?t=61183)

tromboner 18.05.2010 18:01

Drei Divs in eins einbetten - Rahmen um äußeres
 
Hallo zusammen,

ich habe folgendes Problem:

ich habe ein DIV in das ich drei einbetten möchte. Bei dem äußeren brauche ich dann einen Rahmen an der linken und rechten Seite. Soweit klappt alles, allerdings macht er bei dem äußeren DIV nur einen kleinen Rahmen, der nicht bis unten zum Ende der anderen drei DIVs geht.

Hier der Code:

Das äußere DIV:
Code:

div#content {
 background-color:#cccccc;
 margin:0px auto;
 padding:1% 0%;
 width:875px;
 text-align:left;
 border-left:1px dashed #ffffff;
 border-right:1px dashed #ffffff;
}

Das mittlere, der drei eingebetteten:
Code:

div#contenttext {
 width:650px;
 margin:0px 0px;
 padding:0% 0%;
 text-align:left;
 color:#000000;
 font-size:12px;
 float:left;
}

Links:
Code:

div#boxlinks{
 background-color:#cccccc;
 margin:0px 5px;
 padding:0% 0%;
 width:100px;
 border-top:1px dashed #000000;
 border-left:1px dashed #000000;
 border-right:1px dashed #000000;
 border-bottom:1px dashed #000000;
 text-align:center;
 color:#000000;
 font-size:12px;
 float:left;
}

rechts:
Code:

div#boxrechts{
 background-color:#cccccc;
 margin:0px 5px;
 padding:0% 0%;
 width:100px;
 border-top:1px dashed #000000;
 border-left:1px dashed #000000;
 border-right:1px dashed #000000;
 border-bottom:1px dashed #000000;
 text-align:center;
 color:#000000;
 font-size:12px;
 float:right;
}

HTML-Code auf der Seite:
Code:

<div id="content">

<div id="boxlinks">Termine</div>
<div id="boxrechts">Aktuelles</div>
<div id="contenttext">TEXT</div>
</div>

Vielen Dank!

EvT 18.05.2010 19:50

Wenn Floats verwendet werden und Probleme machen, hilft Punkt 2 unserer FAQ "Clearing Floats" weiter.

desiGner 20.05.2010 15:10

Hi,
ich habe es ausprobiert und sehe kein Problem.
Die Rahmen links und rechts gehen bis zum Ende.
ausprobiert FF 3.6.3 und IE8

Gruß
desiGner

Thielo 20.05.2010 15:50

Zitat:

Zitat von desiGner (Beitrag 466306)
Hi,
ich habe es ausprobiert und sehe kein Problem.
Die Rahmen links und rechts gehen bis zum Ende.
ausprobiert FF 3.6.3 und IE8

Gruß
desiGner

a) was hast du ausprobiert
b) wie sah dein quellcode aus?
c) mit dem von TE geposteten Code ist es NICHT möglich.

desiGner 20.05.2010 18:19

Zitat:

Zitat von Thielo (Beitrag 466309)
a) was hast du ausprobiert
b) wie sah dein quellcode aus?
c) mit dem von TE geposteten Code ist es NICHT möglich.

a) das was da oben steht
b) CSS komplet gleich, HTML gleich wie oben
c) dann weiss ich nicht was du erwartest.
Es geht drum (wie verstanden habe) dass die Rahmen bei den ersten (äußeren) DIV, links und rechts gezeigt werden und zwar ganz bis nach unten... und da sind sie

http://www.homepage-designer.info/rahmen.png
(habe im Beispiel schwarz gemacht, damit man es besser sieht)

Nachtrag
dass vielleicht andere Sachen hier nicht stimmen ist was anderes.
Die Rahmen gehen bis zur Ende...


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:09 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023