PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : css container?


tybalt0125
10-11-2005, 19:14
Hi,

ich habe das Problem, das wenn ich ein Menü machen möchte, das er das Menü irgendwie nicht mit in den Elterncontainer reinnimmt.

Hier der Code:


<div style="width:500px;background-color:gray;margin:0px auto;border:1px solid black;">
<div style="width:100px;float:left;">
menu<br>foo<br>bar<br>test<br>test<br><br><br>jo<br>
</div>
<div style="margin-left:100px;">
content
</div>
</div>


Wieso verlängert er die graue Fläche nicht, bis unter das Menü, damit das Menü dann auch von dem Rand eingeschlossen ist?
Habe schon oft versucht dieses Problem zu lösen, aber leider finde ich dazu keine Lösung, ich hoffe mal Ihr könnt mir helfen.

Danke schon einmal im vorraus. :)
kshade
10-11-2005, 20:07
Wie wärs damit:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Test</title>

<style type="text/css">
div#menu {
background-color: gray;
float: left;
width:100px;
}
div#content {
float: left;
}
div#rahmen {
border: 1px solid;
float: left;
padding: 2px;
width:500px;
}
</style>

</head>
<body>

<div id="rahmen">
<div id="menu">
<a href=".">Link 1</a><br/>
<a href=".">Link 2</a><br/>
<a href=".">Link 9876</a><br/>
</div>

<div id="content">
Bla bla bla bla laber schwafel<br/>
Bla bla bla bla laber schwafel<br/>
Bla bla bla bla laber schwafel<br/>
Bla bla bla bla laber schwafel<br/>
Bla bla bla bla laber schwafel<br/>
</div>
</div>

</body>
</html>

Kennst du übrigens http://de.selfhtml.org/css/index.htm ?
tybalt0125
11-11-2005, 05:17
Danke erstmal für die Hilfe, so geht es auf jeden Fall erstmal.
Geht das denn nicht anders?
Allerdings funktioniert das zentrieren jetzt nicht mehr mit margin:0px auto.
Gibt es da ne andere Möglichkeit den zu zentrieren, oder muss ich da jetzt noch nen äusseren container drum machen?


[...]
Kennst du übrigens http://de.selfhtml.org/css/index.htm ?
Ja, kenne ich, wieso?
kshade
11-11-2005, 11:33
Danke erstmal für die Hilfe, so geht es auf jeden Fall erstmal.
Geht das denn nicht anders?
Bestimmt.

Allerdings funktioniert das zentrieren jetzt nicht mehr mit margin:0px auto. Gibt es da ne andere Möglichkeit den zu zentrieren, oder muss ich da jetzt noch nen äusseren container drum machen?
Mit dem äußeren Container gehts:
body {
text-align: center; /* Zentrierung im Internet Explorer */
}
div#center {
text-align: left;
margin: 0 auto;
width: 500px; /* Den selben Wert auch für div#rahmen eintragen */
}


[...]
Kennst du übrigens http://de.selfhtml.org/css/index.htm ?Ja, kenne ich, wieso?
Weil genau dieses Thema da behandelt wird ;)
tybalt0125
11-11-2005, 11:42
Jo, danke erstmal.
So sollte ich das vielleicht hinbekommen, wäre aber für weitere Lösungsvorschläge dankbar. :)

Naja, selfhtml habe ich mir auch lokal gespeichert und ich schaue dort immer solche Sachen nach, aber irgendwie kann ich da keine Lösung finden. Leider...
kshade
11-11-2005, 12:51
Naja, selfhtml habe ich mir auch lokal gespeichert und ich schaue dort immer solche Sachen nach, aber irgendwie kann ich da keine Lösung finden. Leider...

http://de.selfhtml.org/css/layouts/mehrspaltige.htm
tybalt0125
11-11-2005, 19:09
http://de.selfhtml.org/css/layouts/mehrspaltige.htm
Naja, jetzt weiss ich auch warum... :o
Ich habe mir selfhtml heruntergeladen und benutze die vorherige Version. Dort sind die Layouts noch nicht drin. :)

Danke...