[CSS] Anpassungsproblem

Also ich hab folgendes problem!

Ich habe meinen Content in 3 teile aufgeteilt!

Links, Miite, Rechts

Der Linke und der Mittlere bereich passt...
nur wenn ich jetzt noch den rechten content bereich einfüge
dann schiebt er mit den footer und alles andere was sonst noch darunter ist hinter den content...

Sprich alles is verschoben!

und wenn ich bei dem rechten content den FLOAT:left rausnehmen
hängt dieser ja wieder darunter!

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:

<?php ############################################################## 
#            Beta von Christian Schork Juni/Juli 2008        # 
#					 www.christianschork.de					 # 
#                 Weiter gecodet von Fred Richter            # 
#                       www.Richter-Fred.de                  #
 #                 Portfolio für Grufix-Community             # 
#                       www.Grufix-Board.de                  # ############################################################## include ( "configurations.php");
?> <!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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="stlyes.css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript"> 
tinyMCE.init({ 
mode : "textareas",
language : "de",
skin : "o2k7",
});
</script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/captcha_reload.js"></script>
<script type="text/javascript" src="js/preloader.js"></script>
<title><?php echo SEITENTITEL; ?></title>
</head> 
<center>
<body>
<div id="header"> </div>

<!-- NAVI -->

<table width="700" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="Bilder/navi_left_weiss.png" width="45" height="29" border="0" alt="" /></td>
<td><a href="index.php"><img src="Bilder/navi_home_weiss.png" onMouseOver="this.src='Bilder/navihover_home_weiss.png';" onMouseOut="this.src='Bilder/navi_home_weiss.png';"width="112" height="29" border="0" alt="" /></a></td>
<td><a href="index.php?page=references"><img src="Bilder/navi_ref_weiss.png" onMouseOver="this.src='Bilder/navihover_ref_weiss.png';" onMouseOut="this.src='Bilder/navi_ref_weiss.png';"width="124" height="29" border="0" alt="" /></a></td>
<td><a href="index.php?page=guestbook"><img src="Bilder/navi_gaestebuch_weiss.png" onMouseOver="this.src='Bilder/navihover_gaestebuch_weiss.png';" onMouseOut="this.src='Bilder/navi_gaestebuch_weiss.png';"width="123" height="29" border="0" alt="" /></a></td>
<td><a href="http://www.hobbele.xe.cx/index.php?page=static&amp;id=1"><img src="Bilder/navi_links_weiss.png" onMouseOver="this.src='Bilder/navihover_links_weiss.png';" onMouseOut="this.src='Bilder/navi_links_weiss.png';"width="124" height="29" border="0" alt="" /></a></td>
<td><a href="index.php?page=contact"><img src="Bilder/navi_kontakt_weiss.png" onMouseOver="this.src='Bilder/navihover_kontakt_weiss.png';" onMouseOut="this.src='Bilder/navi_kontakt_weiss.png';"width="128" height="29" border="0" alt="" /></a></td>
<td><img src="Bilder/navi_right_weiss.png" width="44" height="29" border="0" alt="" /></td>
</tr>
</table>

<!-- NAVI ENDE -->

<!-- CONTENT --> 

<div id="box"> 

<div id="contenttop"></div>

<div id="content_left"></div>

<div id="content" style="overflow:auto">
<?php
 if (isset($_GET['page'])) { 
$page = $_GET['page']; 
$page = eregi_replace("http:", "", $page)
$page = str_replace("../", "", $page);
if (file_exists($page.'.php')) { 
include($page.'.php');
} else {
echo 'Die angeforderte Seite konnte nicht gefunden werden.<br />';
echo 'Sie werden zur Startseite weitergeleitet'; 
header( "refresh: 3; url=index.php");
} 
} else {
include(HOME.'.php');
}?>
</div>

<div id="content_right"></div>

</div><!--BOX ENDE -->

<div id="contentbottom"></div>

<!-- CONTENT ENDE -->

<!-- LINKS -->

<div id="footerframe"><span class="dd">::</span>
<span class="footerTab"><a href="http://hobbele.deviantArt.com/">deviantArt</a></span>

<span class="dd">::</span>

<span class="footerTab"><a href="index.php?page=static&id=1">Links</a></span> <span class="dd">::</span>

<span class="footerTab"><a href="index.php?page=partner">Partner</a></span> <span class="dd">::</span>

<span class="footerTab"><a href="index.php?page=imprint">Impressum</a></span> <span class="dd">::</span>

<span class="footerTab"><a href="index.php?page=login">Login</a></span> <span class="dd">::</span>
</div>

<!-- LINKS ENDE -->

<div id="footerabstand"></div>  

<!-- COPYRIGHT -->    

<div id="copyright">  	
<p> 		
<span class="copyTab">© 2009 by Hobbele.xe.cx</span>
<span class="dd">::</span> 		
<span class="copyTab">webdesign since 2008</span> 		
<span class="dd">::</span> 		
<span class="copyTab">GP-CMS</span> 	
</p>     
</div>  

<!-- COPYRIGHT ENDE -->   

<div id="footer_bottom"></div>  
<script type="text/javascript" src="http://www.ipcounter.de/count_js.php?u=60449927&amp;color=black"></script> 

<noscript><a href="http://www.ipcounter.de/stats.php?u=60449927" target="_blank"><img src="http://www.ipcounter.de/count.php?u=60449927&amp;color=black" alt="IPCOUNTER.DE - Kostenloser Live Counter!" border="0" /></a></noscript> 

<script type="text/javascript" src="http://stats.createnic.de/stats.js?count=hobbele.xe.cx"></script> 
</body> 
</center> </html>

CSS CODE

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:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:


body { 	
background-image:url(Bilder/body_bg.jpg); 
background-repeat:repeat; 	
background-color:#000; 
}  

#container { 	
width:700px; 	
padding:0; 
}  

#header { 	
background-image:url(Bilder/header_weiss.png); 
background-repeat:no-repeat; 	
width:700px; 	
height:128px; 	
margin-top:10px; 
}  

/* CONTENT BEREICH */ 

#box { 	
width:700px; 
padding:0; 	
font-family:Tahoma, Geneva, sans-serif; 	
font-size:12px;
 }  

#contenttop { 	
background-image:url(Bilder/contenttop_weiss.png); 	
background-repeat:no-repeat; 	
width:700px; 	
height:40px; 
}  

#content_left { 	
float:left; 	
background-image:url(Bilder/contentleft_weiss.png); 	
background-repeat:no-repeat; 	
width:64px; 	
height:266px; 
}  

#content { 	
background-image:url(Bilder/contentmain_weiss.png); 
background-repeat:no-repeat; 	
width:574px; 	
height:266px; 	
float:left; 
}  

#content_right { 	
background-image:url(Bilder/contentright_weiss.png); 
background-repeat:no-repeat; 	
width:62px; 	
height:266px; 	
float:left; 
}  

#contentbottom { 	
background-image:url(Bilder/contentbottom_weiss.png); 	
background-repeat:no-repeat; 	
width:700px; 	
height:28px; 
} 

/* CONTENT BEREICH ENDE */  

#footerframe { 	
background-image:url(Bilder/footer_links_weiss.png); 	
background-repeat:no-repeat; 	
width:700px; 
height:22px; 	
color: #FFF; 	
list-style-type: none; 	
line-height:1.4em;
 }  

span.dd { 	
font:8px Tahoma; 	
color:#FFF; 	
padding:2px; } 

span.footerTab  { 	
font: 10px Tahoma; 	
color:#CCC;
 }  

span.footerTab a { 	
font:11px Tahoma; 	
color:#CCC; 	
padding:15px; 	
text-decoration:none; 
}  

span.footerTab a:hover { 	
color:#8aaa35; 
}  

#footerabstand { 
background-image:url(Bilder/footer_abstand_weiss.png); 	
background-repeat:no-repeat; 	
width:700px; 	
height:21px; 
}  

#copyright { 	
background-image:url(Bilder/footer_copyright_weiss.png); 	
background-repeat:no-repeat; 	
width:700px; 	
height:32px; 	
line-height:1em; 
}

 span.copyTab  { 	
font: 10px Tahoma; 	
color:#CCC; 
}  

#footer_bottom { 	
background-image:url(Bilder/footer_bottom_weiss.png); 	
background-repeat:no-repeat; 	
width:700px; 	
height:12px; 
}
.input { 	
background:transparent; 	
background-repeat:repeat; 	
padding:3px; 	
font 11px Tahoma; 	
color:#000; 	
border: 1px solid #000; 
}

#news_title { 	
padding: 0 20px 0 20px; 
}  

#news_content { 	
padding: 0 20px 0 20px;
}  

a { 	color:#000; 
}  

#footer { 	
padding: 20px;
 }  

#option {  	
padding: 20px; 
}  

#title { 	
padding:10px 0 10px 0; 
}  

#func { 	
padding-right:20px; 
}  

#gb_head { 	
padding:0 10px 0 10px; 
}  

#gb_content { 	
padding:10px 0 0 10px; 
} 

#gb_entry { 	
padding-bottom:10px;
}  

#refs_title {

padding:0 20px 0 20px;
 } 

#refs_urlicon {
padding:0 5px 0 20px; 
}  #refs_thumbnail {
padding:0 20px 0 20px; 
}

Joa und hier noch mein HTML + CSS Code

und hier die Live Ansicht LINK

mfg Hobbeleee

GFX-Sector - HTML, CSS

HTML, CSS

[CSS] Anpassungsproblem

[CSS] Anpassungsproblem

Have you enjoyed this topic?