:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Latest 5 Showrooms

Demo

Probiere ClanSphere aus und teste daran herum. Demo

Spenden

ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns. Spenden

Antworten: 2

Seite [1]

GaHero

Poststar

Beiträge: 733

# Thema - 15.12.2008 um 15:59 Uhr

Hey,

bitte schaut mal drüber: http://www.foeonline.de/nCrew_v2/index.htm
Im Inet Explorer wird es richtig angezeigt, im FF und Opera fehlen die Außenrahmen...

Ich musste es so lösen, weil der Inhalt ja nicht konstant hoch ist, sondern variiert.
Also habe ich das Bild als backgroundimg genommen und lasse es in y Richtung wiederholen!

Wenn ich den ganzen Kram im div "middle" rausnehme und nur eine Textzeile reinsetze, wird es mir überall richtig angezeigt!

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{func:title}</title>

<link href="template.css" rel="stylesheet" type="text/css" />
<link href="content.css" rel="stylesheet" type="text/css" />
<link href="clansphere_div.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" href="../../uploads/rss/news.xml" />
</head>
<body>

<div id="header">

<div id="login"></div>

<div id="headbanner"> </div>

</div>

<div id="middle">

<div id="border-left"> </div>

<div id="middle-center">

<div id="content-left">

<div id="menu">Menu</div>

<div id="content-bottom">

<div id="navi-left">Navi-Left</div>

<div id="content">Content</div>

</div>

</div>

<div id="navi-right">Navi-Right</div>

</div>

<div id="border-right"> </div>

</div>

<div id="footer"></div>

</body>
</html>

css

body {
font-size: 12px;
}

#header {
margin: 10px auto 0px auto;
background-image: url(img/header.png);
width: 1000px;
height: 142px;
}

#headbanner {
margin: 50px 15px 0px 0px;
width: 468px;
height: 81px;
float: right;
}

#login {
margin: 50px 35px 0px 0px;
width: 220px;
height: 77px;
float: right;
}

#middle {
width: 1000px;
margin: 0px auto;
background-image: url(img/border.png);
background-repeat: repeat-y;
}

#border-left {
width: 30px;
float: left;
}

#border-right {
width: 30px;
float: left;
}

#middle-center {
width: 940px;
float: left;
}

#content-left {
width: 740px;
float: left;
}

#menu {
width: 730px;
height: 45px;
}

#content-bottom {
width: 740px;
}

#content {
width: 560px;
float: left;
}

#navi-left {
width: 170px;
float: left;
}

#navi-right {
width: 210px;
float: left;
}

#footer {
background-image: url(img/footer.png);
margin: 0px auto;
width: 1000px;
height: 52px;
clear: both;
}

Zuletzt editiert von GaHero am 15.12.2008 um 16:02 Uhr (2x Editiert)

Inaktiv