News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

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>
<!-- {clansphere:navmeta} -->
<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">&nbsp;</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">&nbsp;</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
ven0m


Going for pro




Herkunft: Essen
Beiträge: 406
# Antwort: 1 - 15.12.2008 um 16:04 Uhr
versuch es mal so:

 
1.
2.
3.
4.
5.
6.
7.
1. / 2. / ... 
 #middle {
width1000px;
margin0px auto;
background-imageurl(img/border.png);
background-repeatrepeat-y;
overflowhidden;
}


------------------
Gruß
ven0m

Inaktiv
|
GaHero
Thread-Ersteller


Poststar





Beiträge: 733
# Antwort: 2 - 15.12.2008 um 16:08 Uhr
Jo danke geht... Mach mich mal schlau über overflow!

Kann geclosed werden!


Inaktiv
|

Dieses Thema wurde von TeQu!La ClanSphere Team PM geschlossen.

Antworten: 2
Seite [1]




ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo