Ich habe mich nun mal getraut von Tabellen weg zu kommen und mit DIV mich auseinander gesetzt.
Nun ist es so das der Contentinner sich unter die Dynamischen Boxen schiebt und der Spacer verschwindet kann mir jemand nen Tipp geben wo ich meinen Denk Fehler habe?
Vielen Dank im Voraus.
Und wenn jemand mir Tipps geben kann wie der Code sauberer wird immer her Damit will es ja Vernünftig haben ;-).
P.S. Natürlich ist das Design nach Fertigstellung für den freien Download bei ilch vorgesehen ;-)
P.P.S.S Das Design hat mir DarkInF zur Verfügung gestellt um ich nochmal zu nennen das gehört sich ;-)
LG
Boy83Ol
betroffene Homepage: xite.gameserver2go.de/ilch/
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="./style.css" />
<link rel="stylesheet" type="text/css" href="./include/designs/BF3/style.css" />
</head>
<body>
<div id="wrapper">
<div id="navigation">
<a class="Startseite" href="index.php?news"></a>
<a class="Forum" href="index.php?forum"></a>
<a class="Downloads" href="index.php?donwloads"></a>
<a class="Server" href="index.php?server"></a>
<a class="Sponsoren" href="index.php?links"></a>
</div>
<div id="content">
<div id="hmenu"><h1>{HMENU}</h1></div>
<div id="spacer">
<div id="box">{_list_menunr1@<h2>%1</h2>
<div id="boxinner">%2}
</div>
</div>
<div style="clear:both">
</div>
<div id="contentinner">{EXPLODE}
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!--
{_list_DDDmenupoint@
<strong><big>·</big></strong>
<a %1 class="box" href="%2">%3</a>
<br />
}
//-->
<!-- beispiel:
[null, '%3', '%2', '%1', null|],|,
-->
<!-- anfang + link |ende |teilende|teilee -->
<!-- horizontaler menupunkt -->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
<!-- horizontaler menupunkt anfang -->
{_list_hmenubegi@<ul>}
<!-- horizontaler menupunkt ende -->
{_list_hmenuende@</ul>}
<!-- vertikaler menupunkt -->
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
<!-- vertikaler menupunkt anfang -->
{_list_vmenubegi@<ul>}
<!-- vertikaler menupunkt ende -->
{_list_vmenuende@</ul>}
body {
background:url(img/Header.png) top center no-repeat #000;
}
#wrapper {
width:1000px;
margin:0 auto;
}
#navigation {
height:93px;
margin-top:64px;
background:url(img/NavBG.png) no-repeat;
}
a.Startseite {
background: url(img/Startseite.png) no-repeat;
width:63px;
height:14px;
margin:40px 0 0 526px;
position:absolute;
}
a.Startseite:hover {
background:url(img/hover/Startseite.png);
text-align:center;
}
a.Forum {
background:url(img/Forum.png);
width:36px;
height:14px;
margin:40px 0 0 613px;
position:absolute;
}
a.Forum:hover {
background:url(img/hover/Forum.png);
}
a.Downloads {
background:url(img/Downloads.png);
width:66px;
height:14px;
margin:40px 0 0 675px;
position:absolute;
}
a.Downloads:hover {
background:url(img/hover/Downloads.png);
}
a.Server {
background:url(img/Server.png);
width:42px;
height:14px;
margin:40px 0 0 768px;
position:absolute;
}
a.Server:hover {
background:url(img/hover/Server.png);
}
a.Sponsoren {
background:url(img/Sponsoren.png);
width:63px;
height:14px;
margin:40px 0 0 835px;
position:absolute;
}
a.Sponsoren:hover {
background:url(img/hover/Sponsoren.png);
}
a.Kontakt {
background:url(img/Kontakt.png);
width:48px;
height:14px;
margin:40px 0 0 923px;
position:absolute;
}
a.Kontakt:hover {
background:url(img/hover/Kontakt.png);
}
#content {
width:1000px;
margin:394px 0 0 0;
padding:40px 0 0 0;
background:url(img/ContentTOP.png) top left no-repeat;
}
#spacer {
background:url(img/Spacer.png) top left repeat-y;
}
#hmenu {
background:url(img/Content.png) top left no-repeat;
width:648px;
height:35px;
margin:0 0 0 40px;
padding:4px 0 0 0;
float:left;
}
#contentinner {
width: 648px;
margin: 21px 0 0 40px;
font-family: Verdana;
color: #FFF;
font-size:10px;
}
#box {
margin:0 30px 0 0;
float:right;
}
#boxinner {
width:250px;
}
#boxend {
width:250px;
}
h1 {
margin:0 0 0 10px;
color:#343435;
font-family:'BebasNeueRegular';
font-size:24px;
text-shadow:0px 2px 3px #555;
}
h2 {
background:url(img/Box.png) top left no-repeat;
height:35px;
width:250px;
padding:4px 0 0 10px;
margin:0;
color: #343435;
font-family: 'BebasNeueRegular';
font-size: 24px;
text-shadow: 0px 2px 3px #555;
}
@font-face {
font-family:'BebasNeueRegular';
src:url('font/BebasNeue-webfont.eot');
src:url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('font/BebasNeue-webfont.woff') format('woff'),
url('font/BebasNeue-webfont.ttf') format('truetype'),
url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
}
td {
font-family: Verdana;
font-size: 10px;
color: #FFF;
}
a {
color: #FFF;
font-family: Verdana;
text-decoration: none;
}
.Chead {
color: #FFF;
font-size: 12px;
}
.border tr .Cnorm form fieldset legend {
color: #FFF;
}
Zuletzt modifiziert von Boy83Ol am 27.02.2013 - 23:36:06
