Abend zusammen,
hab Grade das 3x3 Problem
, in der Zweiten Zeile wird einfach nur die Mittlere-spalte angezeigt und das auch noch Fehlerhaft. Ich würde ja sagen, ich versteh ihn aber ich schafs einfach nicht. Spalte 1 und 3 sind im Prinzip zu 100 Prozent identisch mit Zeile 2. Das nächste Problem ist auch noch, dass sich die Boxen, zusammen nicht wirklich anpassen.
Hat vielleicht jemand einen Tipp für mich, woran es liegen könnte?
Unter google, lassen sich bis jetzt nur aussagen Finden, die mir so etwas mitteilen:
This kind of thing is exactly what the <table> tag is designed for. You are just making things hard for yourself by building it with divs.
Vielleicht gibts doch irgend eine möglichkeit, table mit div zu vermischen.
LG F0rris
hab Grade das 3x3 Problem
, in der Zweiten Zeile wird einfach nur die Mittlere-spalte angezeigt und das auch noch Fehlerhaft. Ich würde ja sagen, ich versteh ihn aber ich schafs einfach nicht. Spalte 1 und 3 sind im Prinzip zu 100 Prozent identisch mit Zeile 2. Das nächste Problem ist auch noch, dass sich die Boxen, zusammen nicht wirklich anpassen.Hat vielleicht jemand einen Tipp für mich, woran es liegen könnte?
Code:
* {
margin:0;
padding:0;
}
html,body {
height:100%;
overflow:scroll;
overflow-x: visible;
}
img {
border:none;
}
a:active, a:focus{
outline: none;
}
.bgIMG {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
}
#bgDIV{
position:absolute;
width:100%;
height:100%;
margin:0px 0px;
z-index: 1;
}
#Content{
position: absolute;
top:25%;
left:39%;
display:table;
z-index: 2;
}
#container {
}
#ContentLO{
width:16px;
height:16px;
float:left;
background-image:url(../Bilder/Content_LO.png);
z-index: 2;
}
#ContentMO{
height:16px;
width:100%;
float:left;
background-image:url(../Bilder/Content_MO.png);
z-index: 2;
}
#ContentRO{
width:16px;
height:16px;
float:left;
background-image:url(../Bilder/Content_RO.png);
z-index: 2;
}
#ContentLM{
height:auto;
width:16px;
float:left;
background-image:url(../Bilder/Content_LM.png);
z-index: 2;
}
#ContentMM{
height:auto;
width:100%;;
float:left;
background-image:url(../Bilder/Content_MM.png);
z-index: 2;
}
#ContentRM{
height:auto;
width:16px;
float:left;
background-image:url(../Bilder/Content_RM.png);
z-index: 2;
}
#ContentLU{
width:16px;
height:16px;
float:left;
background-image:url(../Bilder/Content_LU.png);
z-index: 2;
}
#ContentMU{
height:16px;
width:100%;
float:left;
background-image:url(../Bilder/Content_MU.png);
z-index: 2;
}
#ContentRU{
width:16px;
height:16px;
float:left;
background-image:url(../Bilder/Content_RU.png);
z-index: 2;
}
#ContentDEL{
clear:left;
}
Code:
<html>
<head>
<link rel="stylesheet" type="text/css" href="system/_style.css">
</head>
<body>
<p class="bgIMG"><img src="Bilder/background.png" width="100%" height="100%"/></p>
<div id="bgDIV"><br/></div>
<div id="Content">
<div id="Container">
<div id="ContentLO"></div>
<div id="ContentMO"></div>
<div id="ContentRO"></div>
<div id="ContentDEL"></div>
</div>
<div id="Container">
<div id="ContentLM"></div>
<div id="ContentMM">inhalt</div>
<div id="ContentRM"></div>
<div id="ContentDEL"></div>
</div>
<div id="Container">
<div id="ContentLU"></div>
<div id="ContentMU"></div>
<div id="ContentRU"></div>
<div id="ContentDEL"></div>
</div>
</div>
</body>
</html>Unter google, lassen sich bis jetzt nur aussagen Finden, die mir so etwas mitteilen:
This kind of thing is exactly what the <table> tag is designed for. You are just making things hard for yourself by building it with divs.
Vielleicht gibts doch irgend eine möglichkeit, table mit div zu vermischen.
LG F0rris
Zuletzt bearbeitet:
