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

Containergröße

F

faderhead

Neues Mitglied
Abend abend

Folgendes Problem:

Ich habe einen div Container erstellt als hauptdiv, wenn ich da zwei weitere darin floaten lassen will, wie bekomme ich es hin, den hautcontainer nicht zusammenbrechen zu lassen, wenn ich als height 100% angebe...

vielen DAnk
felix
 
Werbung:
Was meinst du mit
wie bekomme ich es hin, den hautcontainer nicht zusammenbrechen zu lassen
Zum Vergrößern anklicken....
?

Eventuell musst du dem äußeren Container ebenfalls eine float-Eigenschaft verpassen. Möglicherweise ist dieser aber auch überflüssig! Je nachdem, was du sonst noch mit ihm anstellst.
 
Werbung:
na ich habe den Hauptdiv seite genannt,damit ich damit den Hintergrund und die größe der seite bestimmen kann....z.b.breite 1024 px und höhe 780px....
gebe ich jetzt für den einen inneren rechts gefloateten div eine höhe eine höhe von 100% an, wird er größer als der haupdiv, was natürlich nicht sein soll....
Gebe ich beim hauptdiv auch 100% an, fällt er komplett zusammen , da ja außer die zwei anderen divs kein richtiger Inhalt vorhanden ist....
 
Hast du es denn mal mit
Code: 
float:left;
für den äußeren Container probiert oder dir die gepostete Seite durchgelesen?
 
die gepostete seite ist doch auf englisch...
Bei mir sieht das wie folgt aus....

nicht wundern, ich bin absoluter anfänger!!!!

body {
color: black;
background-color: black;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0 auto;

}


div#kopf {
font-size: 3.3em;
font-weight: bold;
margin: 0 auto;
width:1024px;
height:150px;
text-align: center;
color: #ffffff;
background-color: #d8d8f4;

}

div#ue {
font-size: 0.5em;
margin: 0 auto;
width:675px;
height:30px;
text-align: center;
background-color: #bcbccb;
color: #0eaccf;
border: 2px solid #ffffff;
}

div#seite {
font-size: 1em;
margin: 0 auto;
width:1024px;
height:780px;
text-align: center;
background-color: #d8d8f4;
}


div#inhalt {
font-size: 0.9em;
float: right;
margin: 1.5em ;
width:800px;
height:100%;
text-align: center;
background-color: #d8d8f4;
border: 2px solid #ffffff;
}



div#menü {
font-size: 0.9em;
float:left;
margin: 1.5em 1.5em;
width:125px;
height:125px;
text-align: center;
background-color: #d8d8f4;


}



#Navigation {
font-size: 0.8em red;
margin: 0 0 ;
list-style: none;
padding: 0;

}

ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
border: 5px groove #ffffff;
color: red;
}

ul#Navigation a:link {
color: #f40622; background-color: #ffffff;
}
ul#Navigation a:visited {
color: #a00000; background-color: #ffffff;
}
ul#Navigation a:hover {
color: #0000ed; background-color: #ffffff;
}
ul#Navigation a:active {
color: #030303; background-color: #ffffff;
}

#fußzeile {
font-size: 1.0em;
font-weight: bold;
margin: 0 auto;
padding: 0.5em 0.5em 0.5em ;
width:1024px;
height:20px;
text-align: center;
color: #0eaccf;
background-color: #d8d8f4;
border: 2px solid #ffffff;
}



#h3 {
width:400px; float:left; color:red"}
 
Werbung:
Na klar kann ich das... bitte.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Apollo-Informationen</title>
<link rel="stylesheet" type="text/css" href="stylsheets/style_2.css">

</head>
<body background="bilder/hinten.gif">


<div id="kopf"><img src="bilder/head.jpeg" border="4">
<div id="ue">Apollo-Maschinenbau GmbH</div>
</div>

<div id="seite">
<div id="inhalt">


</div>

<div id="menü">
<ul id="Navigation">
<li><a href="informationen.htm">Informationen</a></li>
<li><a href="produkte.htm">Produkte</a></li>
<li><a href="leistungen.htm">Leistungen</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div>
</div>

</body>
</html>
 
Werbung:
Einfach gesagt: füg ein Blockelement am Ende der umgebenden Box ein und gib diesem die CSS-Eigenschaft clear.

Und was hast Du gegen eine englische Seite? Stichwörter gab es genügend. Aber hier für dich mal auf deutsch etwas: Float: Die Theorie
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben