Probleme mit Div Höhe

Hallo Leute,

ich bins mal wieder nach einiger Zeit. Habe ein Problem mit der Höhe eines Divs.

Aber schaut es euch erst einmal selbst an:

http://qunkunity.bplaced.net/wb/pages/st...e/jobcenter.php

Der Hintergrund hört an einem bestimmten Punkt einfach auf weiterzulaufen. Und dieser Punkt ist nichts anderes als der Browserrand. Also egal wie groß die Auflösung der Hintergrund stoppt immer am Browserrand.

CSS

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

html, body {
	background-image: url(images/bg.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	line-height: 17px;
}
#allbg {
	background-image: url(images/allbg.png);
	width: 701px;
	min-height: 100%;
	margin: 0 auto;
	bottom: 0;
	padding: 0;
}

Allbg ist hierbei einfach der Hintergrund.

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
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:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Qunkunity - Deine Fanseite zum deutschen Qunko</title>
<link href="<?php echo TEMPLATE_DIR; ?>/style.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="allbg">

	<div id="area"><br /><img src="<?php echo TEMPLATE_DIR; ?>/images/logo.png" /></div>
    
    <div id="area2"></div>

	<div id="topstoryhead"></div>

	<div id="topystorymiddle">

		<div id="topleft">
        
        	<div id="topspruch"><b>Zitat der Woche</b><br  /><br />
        	"Ohne Fleiß gibt's keinen Preis :D" von <b>Greckoe</b></div>
        
        </div>

		<div id="topmiddle"><img src="<?php echo TEMPLATE_DIR; ?>/images/headline.png" /></div>

		<div id="topright">
        
        	<div id="inhalt">
					<?php
					// Specify the Group(id) you want to read the news from or 0 for all groups
					$group = 0;       

					// Specify number of newsitems                       
					$limit=10;

					// Specify read more text
					$readmore = "Read more";       

					// Specify news text
					$news = "Latest News";       

					// Query for obtaining stuff from a group
					$query = "SELECT * FROM ".TABLE_PREFIX."mod_news_posts WHERE group_id = $group and active = 1 ORDER BY position DESC LIMIT 0, 10;";

					// Query for all groups ;)
					if ($group<1 ) {
					  $query = "SELECT * FROM ".TABLE_PREFIX."mod_news_posts WHERE active = 1 ORDER BY position DESC LIMIT 0, 10;";
					}

					// No changes needed here, maybe for output!

					global $database;

					$result = $database->query($query);
					$total = $result->numRows();      // how many items are there?

					if ($total>1) {                   // at least 2 needed for 2 news items
					  $data = $result->fetchRow() ;   // get left item
					  $data2 = $result->fetchRow() ;  // get right item
					  echo '<span style="font-size: 12px; color: #000; display: block; font-weight: bold; border-bottom: 1px solid;">'.$news.'<br /></span>';
					  echo '<p style="border-bottom: 1px solid #000; font-weight: bold; font-size: 10px; color: #000;">'.$data['title'].'</p><p style="font-size: 12px; text-align: justify; color: #000;">'.$data['content_short'].'<a href="'.WB_URL.PAGES_DIRECTORY.$data['link'].PAGE_EXTENSION.'">'.$readmore.'</a><br /></p>';
					  echo '<p style="border-bottom: 1px solid #000; font-weight: bold; font-size: 10px; color: #000;">'.$data2['title'].'</p><p style="font-size: 12px; text-align: justify; color: #000;">'.$data2['content_short'].'<a href="'.WB_URL.PAGES_DIRECTORY.$data2['link'].PAGE_EXTENSION.'">'.$readmore.'</a><br /></p>';
					}
					else {
					  echo '<span style="font-size: 12px; display: block; font-weight: bold; border-bottom: 1px solid;">No News yet ...</span>';
					}
					?>
            </div>
        
        </div>

		<br id="clear" />

	</div>

	<div id="topstorybottom"></div>

	<div id="area2"></div>

	<div id="topnavi">

    		<div id="box2"><a href="http://qunkunity.bplaced.net/wb/pages/startseite.php" id="navi">Startseite</a> &nbsp; &nbsp; <a href="http://qunkunity.bplaced.net/wb/pages/newsflash.php" id="navi2">Newsflash</a> &nbsp; &nbsp; <a href="http://qunkunity.bplaced.net/wb/pages/qunkoinfos.php" id="navi3">Qunkoinfos</a> &nbsp; &nbsp; <a href="http://qunkunity.bplaced.net/wb/pages/fancenter.php" id="navi4">Fancenter</a> &nbsp; &nbsp; <a href="/forum/" id="navi5">Forum</a></div>

	<div id="contentnavi">

		<div id="navibox">

			<div id="navibalken"></div>
        
        	<div id="white">
        
        		<div id="roterbalken">
        
        			<div id="box2">Navigation</div>
        
        		</div>
        
        		<div id="inhalt" class="nopoint">
        
							<?php if(SHOW_MENU) { /* Only shown menu if we need to */ ?>
		<?php show_menu(1,1,1); ?>
		<?php } ?>
            
        		</div>
        
        		<div id="navibottom"></div>
        
        	</div>
        
        	<div id="abstand"></div>
        
        	<div id="navibalken"></div>
        
        	<div id="white">
        
        		<div id="gruenerbalken">
        
        			<div id="box">
        
        				<div id="inhalt2"><a href="/forum/login.php" id="navi6">Login</a></div>
        
        				<div id="inhalt3"><a href="/forum/register.php" id="navi6">Registrieren</a></div>
        
        			</div>
        
        		</div>
        
       			<div id="inhalt"></div>
        
        		<div id="navibottom"></div>
        
        	</div>

		</div>

		<div id="contentbox">

			<div id="inhalt">
        
				<h2><?php page_description(); ?></h2>
            
          			<p><?php page_content(1); ?></p>
			</div>
        
        	<div id="contentbottom"></div>

		</div>

		<br id="clear" />

    </div>
    
    <div id="topnavi">
    
    	<div id="box3"><a href="disclaimer.html" id="navi7">Disclaimer</a> | <a href="disclaimer.html" id="navi7">Impressum</a></div>
    
    </div>
    
    <div id="abstand"></div>

</div>

</body>
</html>

Bitte um Hilfe...

This post has been edited 1 time(s), it was last edited by PearlyGates: 13.04.2010 00:32.

GFX-Sector - HTML, CSS

HTML, CSS

Probleme mit Div Höhe

Probleme mit Div Höhe

Have you enjoyed this topic?