• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

3 divs in einer div, ausere umrahmt innere divs

K

KunmingDirk

Neues Mitglied
Hallo,

Ich brauch mal wieder eure Hilfe.

Ich habe 3 divs die in einer div sind.
Die äußere div enthält nur die 3 divs.
Die inneren divs haben inhalt/text.

Ich schaffe es nicht, das die äußere div die inneren divs (optisch) umrahmt.

hier , damit es klar wird was ich will , der Code einer meiner Fehlversuche:
HTML: 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DirkSite</title>
</head>

<body style="text-align:center; background-color:#FAFAF0;" >

<div id="header" style=";width:95%;border:2px solid black;background-color:yellow;display:block;">
&nbsp;
    <div id="headerleft" style="float:left;width:30%;border:2px solid brown;background-color:orange;display:inline;">
    &nbsp;
    </div>

    <div id="headercenter" style="float:left;width:30%;border:2px solid red;background-color:green;display:inline;margin:2px 2px;">
    <span style="text-align:center;display:inline"> Dirk Site  <br>evolving, rising, living ...<br> 3rd line </span>
    </div>

    <div id="headerright" style="float:right;width:30%;border:2px solid green;background-color:pink;display:block;margin:2px;">
    <a href="./V0.05A - LookalikeENDE/DirkSite - q0130329.html" title="alte Version" target="_self"> First Version</a> <br>
    <a href="./index-tab.html" title="tab Version" target="_self"> Table Version </a>
    </div>

</div>

<div id="topmenu" style="clear:both;border:2px solid black;">
<a href="./life/dirklife.html" title="Life" target="_self" style="  text-decoration:none;"  >
 <img src="./images/Life.png" style=";"></a>

<a href="./beverages/dirkbeverages.html" target="_self"  style="">
<img src="./images/KunmingD-05C-25.png" alt="Beverages business logo"></a>

<a href="./realestate/index.html" target="_self"  style="">
<img src="./images/re.png" alt="real estate business"></a>

<a href="./dcn/index.html" target="_self"  >
<img src="./images/flags2.gif" style="margin:5%;" ></a>

Hobies
</div>

</body>
</html>

die haesslichen farben und das "&nbsp;" habe ich nur verwendet um zu sehen was passiert.

vielen Dank,
Dirk
 
Hallo,

ein Link zur Seite wäre besser. Freehoster gibt es inzwischen wie Sand am Meer.

Erstmal schreckt es viele Hilfswillige ab, wenn du ihnen erst mal "Arbeit" aufbürdest. Zudem fehlen häufig Informationen, wie in deinem Fall die Grafiken, auf die wir keinen Zugriff haben. So kann niemand deine Seite nachbauen um dir zu helfen.

Gruss

MrMurphy
 
hallo,

also vorschreiber hat recht, bei css geht fast nichs ohne link.

aber du suchst clear. idst ein typischer fehler.

wer floatet muss auch clearen.

cheffchen
 
Hallo,
super schnelle Antwort!

Der Link zur Seite: www.dirkonline.info

Ist aber etwas chaotisch.
Ich bin gerade am Umorganisieren und Neuprogrammieren.
Beides zur selben Zeit!

Also bis auf die index.html nicht all zu genau hinschauen.

Cheers,
Dirk
 
Zuletzt bearbeitet:
DirkSite sollte sich jetzt öffnen lassen

Das Einfügen von clear:both; hilft leider nicht.

Das "gelbe div mit der id header umrahmt" auch so nicht die 3 anderen divs.
 
Hallo,

geht nicht?

klar von so
Code: 
    <a target="_self" title="tab Version" href="./index-tab.html"> Table Version </a>
    </div>
</div>
in so erweitern
Code: 
    <a target="_self" title="tab Version" href="./index-tab.html"> Table Version </a>
    </div>
<div style="clear:both;"></div> 
</div>

fertig.

schau dir mal float richtig an da steht immer was mit clear und wie man das macht.

Cheffchen
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben