Container 3 und 2 in Container 1 einschliessen
Hallo, vielleicht könnt ihr mir helfen.
Ich habe als div1 einen großen Container im Hintergrund, in den ich div2 und div3 einschliessen will. Mit div2 geht das optimal, hier hab ich div2 mit margin-left und margin-top von div1 an die gewünschte Position gebracht. Bei div3 habe ich aber ein Problem, den möchte ich neben div2 setzen, aber mit margin-left und margin-top nimmt er den Abstand zu div1 und nicht div2 und setzt den Container ausserhalb und unterhalb von div1. Kann div3 zwar mit position:absolute rechts von div2 setzen, aber dann ist er ja nicht mehr in div1 eingeschlossen, float hab ich auch schon versucht. Gibt es hierzu einen anderen Befehl in css? Oder muß ich bei der echo Ausgabe die divs anders setzen? Bitte um Hilfe. Danke! LG, Margit.
------------------------------------------
body {
background-color: black;
}
#div1 {
width: 19cm;
height: 10cm;
border-bottom: 2px solid black;
background-color: white;
padding: 0.5em;
}
#div2 {
width: 5cm;
height: 12cm;
border: 2px solid red;
background-color: lightgrey;
margin-left: 3cm;
margin-top: 6cm;
}
#div3 {
width: 3cm;
height: 2cm;
border: 2px solid red;
margin-left: 2cm;
margin-top: 3cm;
}
.div4 {
position: relative;
}
.menutitle
{
font-family: verdana;
font-weight:bold;
background-color: green;
border-bottom: 3px dashed red;
}
-------------------------------------
<?php
include("dbconnect.php");
$abfrage = "SELECT datum_von, name
FROM news WHERE datum_von >'2006-12-29' ORDER BY datum_von LIMIT 0 , 300";
$ergebnis = mysql_query ($abfrage);
echo "<div id=\"div1\">con1";
echo "<div id=\"div2\">";
echo "<p class=\"menutitle\">Top Klicks</p>";
while ($row1 = mysql_fetch_object ($ergebnis))
{
echo "<div class=\"div4\">$row1->name<br></div>";
}
echo "</div></div>";
echo "<div id=\"div3\">";
$abfrage = "SELECT name, datum_von
FROM news WHERE datum_von >'2006-12-29' ORDER BY datum_von LIMIT 0 , 300";
$ergebnis = mysql_query ($abfrage);
while ($row1 = mysql_fetch_object ($ergebnis))
{
echo "<div class=\"div4\">$row1->name<br></div>";
}
echo "</div>";
?>
Ich habe als div1 einen großen Container im Hintergrund, in den ich div2 und div3 einschliessen will. Mit div2 geht das optimal, hier hab ich div2 mit margin-left und margin-top von div1 an die gewünschte Position gebracht. Bei div3 habe ich aber ein Problem, den möchte ich neben div2 setzen, aber mit margin-left und margin-top nimmt er den Abstand zu div1 und nicht div2 und setzt den Container ausserhalb und unterhalb von div1. Kann div3 zwar mit position:absolute rechts von div2 setzen, aber dann ist er ja nicht mehr in div1 eingeschlossen, float hab ich auch schon versucht. Gibt es hierzu einen anderen Befehl in css? Oder muß ich bei der echo Ausgabe die divs anders setzen? Bitte um Hilfe. Danke! LG, Margit.
------------------------------------------
body {
background-color: black;
}
#div1 {
width: 19cm;
height: 10cm;
border-bottom: 2px solid black;
background-color: white;
padding: 0.5em;
}
#div2 {
width: 5cm;
height: 12cm;
border: 2px solid red;
background-color: lightgrey;
margin-left: 3cm;
margin-top: 6cm;
}
#div3 {
width: 3cm;
height: 2cm;
border: 2px solid red;
margin-left: 2cm;
margin-top: 3cm;
}
.div4 {
position: relative;
}
.menutitle
{
font-family: verdana;
font-weight:bold;
background-color: green;
border-bottom: 3px dashed red;
}
-------------------------------------
<?php
include("dbconnect.php");
$abfrage = "SELECT datum_von, name
FROM news WHERE datum_von >'2006-12-29' ORDER BY datum_von LIMIT 0 , 300";
$ergebnis = mysql_query ($abfrage);
echo "<div id=\"div1\">con1";
echo "<div id=\"div2\">";
echo "<p class=\"menutitle\">Top Klicks</p>";
while ($row1 = mysql_fetch_object ($ergebnis))
{
echo "<div class=\"div4\">$row1->name<br></div>";
}
echo "</div></div>";
echo "<div id=\"div3\">";
$abfrage = "SELECT name, datum_von
FROM news WHERE datum_von >'2006-12-29' ORDER BY datum_von LIMIT 0 , 300";
$ergebnis = mysql_query ($abfrage);
while ($row1 = mysql_fetch_object ($ergebnis))
{
echo "<div class=\"div4\">$row1->name<br></div>";
}
echo "</div>";
?>
23.10.2006 11:58
Eine URL wäre schön, dann muss ich das nicht lokal nachbauen.
Grundsätzlich würde ich davon ausgehen, dass man einen Hintergrund div anlegt.
und die anderen zwei dann in diesen einfügt und per float umfliessen lässt.
Unter http://www.mark2mark.de/finanzen/entscheidung-darlehen-oder-leasing.shtml habe ich sowas mal gemacht.
Das CSS file liegt unter http://www.mark2mark.de/finanzen/divstyle.css
Grundsätzlich würde ich davon ausgehen, dass man einen Hintergrund div anlegt.
und die anderen zwei dann in diesen einfügt und per float umfliessen lässt.
<div id="hintergrund">
<div id="menu"></div>
<div id="inhalt"></div>
</div>
Unter http://www.mark2mark.de/finanzen/entscheidung-darlehen-oder-leasing.shtml habe ich sowas mal gemacht.
Das CSS file liegt unter http://www.mark2mark.de/finanzen/divstyle.css
23.10.2006 12:14
Beitrag schreiben (als Gast)
Beim Verfassen des Beitrages bitte die Forenregeln beachten.
| Thema | Autor | Forum | Beiträge | Letzter Beitrag |
|---|---|---|---|---|
| Fapulous Template für Joomla | mark | Content Management, Foren und Blog-Systeme | 15 | 02.03.2010 17:30 |
| Datum in HTML einbinden! | Emu | HTML, CSS | 7 | 21.02.2008 07:56 |
| Meine erste valide Seite | eadrax | Meine Homepage | 6 | 15.01.2008 16:54 |
| Der beste Weg zur Hintergrundgrafik...??? | MartinaE | HTML, CSS | 2 | 25.12.2007 17:54 |
| Was haltet Ihr von meiner Seite?Was solte verbessert werden? | Patti | HTML, CSS | 2 | 22.09.2007 14:03 |