Hilfe Content verzerrt ! » Forum

search: » Advanced Search
Currently 4 Users and 66 Guests on webSPELL.org

login

» lost password? » register now
About webSPELL
webSPELL is a free Content Management System which was especially developed for the needs of esport related communities. Since a short while we are also offering an optimized and enhanced webSPELL version for the special requirements of non-profit organisations. The purpose of both systems is to offer a professional and free opportunity to create and administrate your own website in an easy and optimized way.

» Learn more about webSPELL » Download webSPELL now!
Advertisement

Follow us

Messageboard » webSPELL.Support » DE - Allgemeiner Support » Hilfe Content verzerrt !

Sort:

Author

Message

SioX

webSPELL newbie

41 Posts

24.04.2012, 11:09 offline

Moiin

Habe ein Problem (mal wieder :S)

gibt eig nicht viel zu sagen.. siehe selbst http://gfx-reviews.bpl.../test/index.php?site=news

Warum kommt der footer und der bg rechts von den boxen nicht mit ?

Hier die _site.css vom content :

#contentarea {
width:1200px;
height:auto;
float:left;
}
#content {
width:850px;
height:965px;
background-color:#FFF;
float:left;
display:inline;
}
#content_head {
width:850px;
height:54px;
background-image:url(Bilder/content_head.png);
}
#newsarea {
width:850px;
height:auto;
background-image:url(Bilder/content_bg.png);
}
#boxen {
width:350px;
height:965px;
background-color:#000;
float:left;
}
#box1_head1 {
width:250px;
height:39px;
background-image:url(Bilder/box_01.png);
float:left;
}
#box1_head2 {
width:100px;
height:39px;
background-image:url(Bilder/box_02.png);
float:left;
}
#box1_bg {
width:350px;
height:204px;
background-image:url(Bilder/box_03.png);
}
#box2_head1 {
width:350px;
height:36px;
background-image:url(Bilder/box_04.png);
float:left;
}
#box2_bg {
width:350px;
height:204px;
background-image:url(Bilder/box_05.png);
}
#box3_head1 {
width:350px;
height:36px;
background-image:url(Bilder/box_06.png);
float:left;
}
#box3_bg {
width:350px;
height:204px;
background-image:url(Bilder/box_07.png);
}
#footer {
width:1200px;
height:52px;
background-image:url(Bilder/footer.png);
margin-bottom:30px;
}
#footer_text {
width:1050px;
height:px;
padding-left:100px;
padding-right:50px;
padding-top:25px;
text-align:right;
}

und hier die div von der index.php:

<div class="clear"></div>
<div id="contentarea">
<div id="content">
<div id="content_head"></div>
<div id="newsarea">

<?php
if(!isset($site)) $site="news";
$invalide = array('\\','/','/\/',':','.');
$site = str_replace($invalide,' ',$site);
if(!file_exists($site.".php")) $site = "news";
include($site.".php");
?>

</div>
</div>
<div id="boxen">
<div id="box1_head1"></div>
<a href="index.php?site=clanwars" id="box1_head2"></a>
<div class="clear"></div>
<div id="box1_bg"><div style="padding:5px;"><?php include("sc_results.php"); ?></div></div>
<div class="clear"></div>
<div id="box2_head1"></div>
<div class="clear"></div>
<div id="box2_bg"><div style="padding:5px;"><?php include("latesttopics.php"); ?></div></div>
<div class="clear"></div>
<div id="box3_head1"></div>
<div class="clear"></div>
<div id="box3_bg"><div style="padding:5px;"><?php include("sc_files.php"); ?></div></div>
</div>
</div>
<div class="clear"></div>
<div id="footer">
<div id="footer_text">
© 2012 by <a href="index.php?site=contact">www.team-bring-it.de</a> - All Rights Reserved -
<a href="index.php?site=contact">Contact</a> | <a href="index.php?site=imprint">Impressum</a> | <a href="index.php?site=forum">Forum</a></div>
</div>

P.S.: es ist mein erstes design das ich mit <div> anpasse
Lg Steffke

website: gfx-reviews.bplaced.net/test/index.php?site=news
version: 4.2.3

Pascalmh

Administrator
Member of webSPELL e.V.

3068 Posts

24.04.2012, 13:43 offline

Falsch gefloated...

Code:

10.

</div>

sowas macht man mit einer Liste.

SioX

webSPELL newbie

41 Posts

24.04.2012, 13:59 offline

Also

Code:

10.

11.

12.

<ul>

</ul>

</div>

und dann sollte der content auch gehen ?

SioX

webSPELL newbie

41 Posts

24.04.2012, 14:24 offline

Ich habe die Navigation erstmal rausgenommen.. der fehler ist trotzdem noch da... daran lag es also nicht..

HenningK

webSPELL lover

1022 Posts

24.04.2012, 14:32 offline

Das es an der Navi liegt, wollte Pascal glaube ich nicht sagen. Ging nur um die Semantik.

Das Problem ist folgendes:
In dem div#contentarea liegen zwei gefloatete Elemente. Dadurch vergrößert sich der div#contentarea nicht mit. Du hast jetzt zwei Möglichkeiten. Entweder du gibst dem div#contentarea ein overflow:hidden; was in neueren Browsern das Vergrößern erzwingt, oder du packst in den div als drittes Element einen div.clear!

mfG

http://www.henningk.de | no support for addons etc. via PN or IM.

SioX

webSPELL newbie

41 Posts

24.04.2012, 17:13 offline

hmm ich habs ma neu gecodet falls ich clear vergessen habe.. aber hab ich nicht.. habe in den contentarea nun auch overflow:hidden; drin und nun wenn ich ein forum öffnen will siehts so aus

http://gfx-reviews.bpl...hp?site=forum&board=3

aber auch nur bei forum

HenningK

webSPELL lover

1022 Posts

24.04.2012, 18:15 offline

Da fehlt jetzt irgendwo ein div-Endtag

http://www.henningk.de | no support for addons etc. via PN or IM.

SioX

webSPELL newbie

41 Posts

25.04.2012, 12:42 offline

hmm kp..

ich denke nicht.. hier die index..

Code:

10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22.

23.

24.

25.

26.

27.

28.

29.

30.

31.

32.

33.

34.

35.

36.

37.

38.

39.

40.

41.

42.

43.

44.

45.

46.

47.

48.

49.

50.

51.

52.

53.

54.

55.

56.

57.

58.

59.

60.

61.

62.

63.

64.

65.

66.

67.

68.

69.

70.

71.

72.

73.

74.

75.

76.

77.

78.

79.

80.

81.

82.

83.

84.

85.

86.

87.

88.

89.

90.

91.

92.

93.

94.

95.

96.

97.

98.

99.

100.

101.

102.

103.

104.

105.

106.

107.

108.

109.

110.

111.

112.

113.

114.

115.

116.

117.

118.

119.

120.

121.

122.

123.

124.

125.

126.

127.

128.

129.

130.

131.

132.

133.

134.

135.

136.

137.

138.

139.

140.

141.

142.

143.

144.

145.

146.

147.

148.

149.

150.

151.

152.

153.

154.

155.

156.

157.

158.

159.

160.

161.

162.

163.

164.

165.

166.

167.

168.

169.

170.

171.

172.

173.

174.

175.

176.

177.

178.

179.

180.

181.

182.

183.

184.

185.

186.

187.

188.

189.

190.

191.

192.

193.

194.

<?php

##########################################################################

# #

# Version 4 / / / #

# -----------__---/__---__------__----__---/---/- #

# | /| / /___) / ) (_ ` / ) /___) / / #

# _|/_|/__(___ _(___/_(__)___/___/_(___ _/___/___ #

# Free Content / Management System #

# / #

# #

# visit webSPELL.org, webspell.info to get webSPELL for free #

# - Script runs under the GNU GENERAL PUBLIC LICENSE #

# - It's NOT allowed to remove this copyright-tag #

# -- http://www.fsf.org/licensing/licenses/gpl.html #

# #

# Code based on WebSPELL Clanpackage (Michael Gruber - webspell.at), #

# Far Development by Development Team - webspell.org #

# #

# visit webspell.org #

# #

##########################################################################

// important data include

include("_mysql.php");

include("_settings.php");

include("_functions.php");

$_language->read_module('index');

$index_language = $_language->module;

// end important data include

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

$(document).ready(function() {

// Vertical tabs example

$('#myprofile').slideTabs({

// Your options here

contentAnim: 'slideV',

contentAnimTime: 600,

contentEasing: 'easeInOutExpo',

orientation: 'vertical',

tabsAnimTime: 300

});

</script>

</head>

<body>

<h1>Welcome to Team Bring It</h1>

</div>

<?php include("login.php"); ?>

</div>

<?php include("counter.php"); ?>

</div>

</div>

<li>Hello Guest!</li>

<a id="open" class="open" href="#">Log In | Statistics</a>

<a id="close" style="display: none;" class="close" href="#">Close Panel</a>

</li>

</ul>

</div>

</div>

</div>

<ul>

</ul>

</div>

</div>

</div>

</div>

<?php

if(!isset($site)) $site="news";

$invalide = array('\\','/','/\/',':','.');

$site = str_replace($invalide,' ',$site);

if(!file_exists($site.".php")) $site = "news";

include($site.".php");

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

hier _site.css

Code:

10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22.

23.

24.

25.

26.

27.

28.

29.

30.

31.

32.

33.

34.

35.

36.

37.

38.

39.

40.

41.

42.

43.

44.

45.

46.

47.

48.

49.

50.

51.

52.

53.

54.

55.

56.

57.

58.

59.

60.

61.

62.

63.

64.

65.

66.

67.

68.

69.

70.

71.

72.

73.

74.

75.

76.

77.

78.

79.

80.

81.

82.

83.

84.

85.

86.

87.

88.

89.

90.

91.

92.

93.

94.

95.

96.

97.

98.

99.

100.

101.

102.

103.

104.

105.

106.

107.

108.

109.

110.

111.

112.

113.

114.

115.

116.

117.

118.

119.

120.

121.

122.

123.

124.

125.

126.

127.

128.

129.

130.

131.

132.

133.

134.

135.

136.

137.

138.

139.

140.

141.

142.

143.

144.

145.

146.

147.

148.

149.

150.

151.

152.

153.

154.

155.

156.

157.

158.

159.

160.

161.

162.

163.

164.

165.

166.

167.

168.

169.

170.

171.

172.

173.

174.

175.

176.

177.

178.

179.

180.

181.

182.

183.

184.

185.

186.

187.

188.

189.

190.

191.

192.

193.

194.

195.

196.

197.

198.

199.

200.

201.

202.

203.

204.

205.

206.

207.

208.

209.

210.

211.

212.

213.

214.

215.

216.

217.

218.

219.

220.

221.

222.

223.

224.

225.

226.

227.

.clear {

clear:both;

}

#site {

width:1200px;

height:auto;

margin:auto;

}

#header {

width:1200px;

height:250px;

background-image:url(Bilder/header.png);

}

#navigation {

width:1200px;

height:67px;

}

#subnavigation {

width:1200px;

height:25px;

}

#sub1 {

width:271px;

height:25px;

background-image:url(Bilder/index_01.png);

float:left;

}

#sub2 {

width:929px;

height:25px;

background-image:url(Bilder/index_02.png);

float:left;

}

#navi {

width:1200px;

height:42px;

}

#navi ul,li {

float:left;

list-style-type:none;

margin:0px;

padding:0px;

}

#nav1 {

width:150px;

height:42px;

background-image:url(Bilder/index_03.png);

}

#nav1:hover {

width:150px;

height:42px;

background-image:url(Bilder/index_03_hover.png);

}

#nav2 {

width:150px;

height:42px;

background-image:url(Bilder/index_04.png);

}

#nav2:hover {

width:150px;

height:42px;

background-image:url(Bilder/index_04_hover.png);

}

#nav3 {

width:150px;

height:42px;

background-image:url(Bilder/index_05.png);

}

#nav3:hover {

width:150px;

height:42px;

background-image:url(Bilder/index_05_hover.png);

}

#nav4 {

width:150px;

height:42px;

background-image:url(Bilder/index_06.png);

}

#nav4:hover {

width:150px;

height:42px;

background-image:url(Bilder/index_06_hover.png);

}

#nav5 {

width:150px;

height:42px;

background-image:url(Bilder/index_07.png);

}

#nav5:hover {

width:150px;

height:42px;

background-image:url(Bilder/index_07_hover.png);

}

#nav6 {

width:150px;

height:42px;

background-image:url(Bilder/index_08.png);

}

#nav6:hover {

width:150px;

height:42px;

background-image:url(Bilder/index_08_hover.png);

}

#nav7 {

width:150px;

height:42px;

background-image:url(Bilder/index_09.png);

}

#nav7:hover {

width:150px;

height:42px;

background-image:url(Bilder/index_09_hover.png);

}

#nav8 {

width:150px;

height:42px;

background-image:url(Bilder/index_10.png);

}

#nav8:hover {

width:150px;

height:42px;

background-image:url(Bilder/index_10_hover.png);

}

#speacial {

width:1200px;

height:217px;

background-color:#000;

}

#fea_main {

width:534px;

height:217px;

background-image:url(Bilder/fea_01.png);

float:left;

}

#fea_button {

width:202px;

height:217px;

background-image:url(Bilder/fea_02.png);

float:left;

}

#fea_buttonbg {

width:202px;

height:195px;

float:left;

padding-top:12px;

padding-bottom:10px;

}

#topmatch {

width:464px;

height:217px;

background-image:url(Bilder/fea_03.png);

float:left;

}

#contentarea {

width:1200px;

height:auto;

float:left;

overflow:hidden;

}

#content {

width:850px;

height:965px;

background-color:#FFF;

float:left;

display:inline;

}

#content_head {

width:850px;

height:54px;

background-image:url(Bilder/content_head.png);

float:left;

}

#newsarea {

width:850px;

height:auto;

float:left;

}

#box {

width:350px;

height:965px;

background-color:#000;

float:left;

overflow:hidden;

}

#box1_head1 {

width:250px;

height:39px;

background-image:url(Bilder/box_01.png);

float:left;

}

#box1_head2 {

width:100px;

height:39px;

background-image:url(Bilder/box_02.png);

float:left;

}

#box1_bg {

width:352px;

height:204px;

background-image:url(Bilder/box_03.png);

}

#box2_head {

width:352px;

height:36px;

background-image:url(Bilder/box_04.png);

}

#box2_bg {

width:352px;

height:204px;

background-image:url(Bilder/box_05.png);

}

#box3_head {

width:350px;

height:36px;

background-image:url(Bilder/box_06.png);

}

#box3_bg {

width:350px;

height:204px;

background-image:url(Bilder/box_07.png);

}

#footer {

width:1200px;

height:52px;

background-image:url(Bilder/footer.png);

margin-bottom:30px;

}

Sort:

To start or to reply to a topic you have to be registered and logged in!

• register now
• login

» Support

FAQ

FORUM

IRC

WIKI

» Topics

21.05.2013 - 21:06 - 0 Replies
» msql datenbank transfer
msql datenbank transfer
Last post: nappel.ger
Board: DE - Technischer Support
21.05.2013 - 21:06

21.05.2013 - 20:12 - 3 Replies
» When the update?
When the update?
Last post: Argu
Board: EN - General
21.05.2013 - 20:12

21.05.2013 - 19:43 - 9 Replies
» login startseite
login startseite
Last post: Argu
Board: DE - Technischer Support
21.05.2013 - 19:43

21.05.2013 - 13:18 - 7 Replies
» [Biete] Template Designs
[Biete] Template Designs
Last post: Marceld
Board: DE - Biete
21.05.2013 - 13:18

21.05.2013 - 12:33 - 4 Replies
» forum anzeige erweitern
forum anzeige erweitern
Last post: [Fabian]
Board: DE - Allgemeiner Support
21.05.2013 - 12:33

21.05.2013 - 05:15 - 0 Replies
» Need Designer for Logo/Te...
Need Designer for Logo/Template
Last post: Kody
Board: EN - General
21.05.2013 - 05:15

21.05.2013 - 05:13 - 0 Replies
» Looking for Designers/Cod...
Looking for Designers/Coders (paid)
Last post: Kody
Board: EN - Requests
21.05.2013 - 05:13

20.05.2013 - 21:11 - 12 Replies
» High Quality Website
High Quality Website
Last post: Dansjostedt
Board: EN - Offers
20.05.2013 - 21:11

20.05.2013 - 18:27 - 4 Replies
» [S] Tester für neuen Foru...
[S] Tester für neuen ForumMod
Last post: Argu
Board: DE - Anfragen
20.05.2013 - 18:27

20.05.2013 - 11:47 - 5 Replies
» Suche Designer GGL:Geld
Suche Designer GGL:Geld
Last post: Dynamic-Webmedia
Board: DE - Suche
20.05.2013 - 11:47

20.05.2013 - 00:07 - 0 Replies
» [S] Suche Programmierer
[S] Suche Programmierer
Last post: phoenix762
Board: DE - Suche
20.05.2013 - 00:07

19.05.2013 - 03:55 - 8 Replies
» Mein Forum
Mein Forum
Last post: Lordy4007
Board: DE - Fragen zur Seite
19.05.2013 - 03:55

18.05.2013 - 19:58 - 36 Replies
» Exklusiv Webseite zur Mie...
Exklusiv Webseite zur Miete
Last post: liQweb
Board: DE - Biete
18.05.2013 - 19:58

18.05.2013 - 12:21 - 1 Replies
» Query failed
Query failed
Last post: LoRd
Board: DE - Allgemeiner Support
18.05.2013 - 12:21

18.05.2013 - 09:36 - 3 Replies
» benötige hilfe bei paar k...
benötige hilfe bei paar kleinigkeiten
Last post: immostar
Board: DE - Technischer Support
18.05.2013 - 09:36

18.05.2013 - 03:33 - 4 Replies
» [SELL] Gaming Website
[SELL] Gaming Website
Last post: hornyst
Board: EN - Offers
18.05.2013 - 03:33

18.05.2013 - 00:32 - 6 Replies
» Hide BBCODE Echo
Hide BBCODE Echo
Last post: dado2106
Board: EN - Technical support
18.05.2013 - 00:32

17.05.2013 - 21:42 - 0 Replies
» website help
website help
Last post: envy0024
Board: EN - Technical support
17.05.2013 - 21:42

17.05.2013 - 21:03 - 1 Replies
» Need Coder!
Need Coder!
Last post: iG.ShAdOw
Board: EN - Requests
17.05.2013 - 21:03

17.05.2013 - 20:44 - 9 Replies
» Query failed!
Query failed!
Last post: LoRd
Board: DE - Allgemeiner Support
17.05.2013 - 20:44

» Partners

» Blog

28.03.2013 - derchris
» Those damn spammers
13.03.2013 - blue.tiger
» Development thoughts
12.09.2012 - derchris
» Annual webSPEL meeting - Be...
08.09.2011 - k3rmit
» webSPELL meeting 2011 Düsse...
25.08.2010 - k3rmit
» Another year, another time,...

login

About webSPELL

Advertisement

Follow us