der content wird nicht richtig dargestellt

burak67

Hey,

ich arbeite grad an meinem neuem Hp-style. Aber der Content will irgendwie nicht mitspielen fröhlich

. Ich arbeite mit Dreamweaver 8. Kann es sein das ich vll. falsch gesliced habe? Wenn mir jemand hilft wär das sehr nett

.

Hier ein bild:
[IMG]http://img3.imagebanana.com/img/ov0ct4l/thumb/problembild.jpg[/IMG]

Hier der Code des HTML-Dokuments:

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:

<!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=iso-8859-1" />
<title>Chrome-Portal</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
}
body {
	background-color: #1B1B1B;
	margin-top: 0px;
	margin-bottom: 0px;
}
-->
</style></head>

<body>
<br />
<table width="792" height="165" border="0" align="center">
  <tr>
    <td width="786" height="164" valign="top" background="Bilder/logo.gif">&nbsp;</td>
  </tr>
</table>
<br />
<table width="788" height="271" align="center">
  <tr>
    <td width="107" height="224" valign="top"><table width="93" border="0" align="center">
  <tr align="left">
    <td height="215"><img src="Bilder/navi_top.gif" alt="#" width="93" height="24" /><br />
        <img src="Bilder/top_home.gif" alt="#" width="93" height="26" /><br />
        <img src="Bilder/top_info.gif" alt="#" width="93" height="25" /><br />
        <img src="Bilder/top_forum.gif" alt="#" width="93" height="25" /><br />
        <img src="Bilder/top_portal.gif" alt="#" width="93" height="25" /><br />
        <img src="Bilder/top_download.gif" alt="#" width="93" height="25" /><br />
        <img src="Bilder/top_chat.gif" alt="#" width="93" height="25" /><br />
        <img src="Bilder/top_kontakt.gif" width="93" height="28" /><br />        
        <br /></td>
  </tr>
</table></td>
    <td width="515" valign="top"><table width="547" border="0">
      <tr>
        <td height="15" valign="bottom"><img src="Bilder/content_top.gif" width="547" height="26" /></td>
      </tr>
      <tr>
        <td height="94" background="Bilder/content_bg.gif"></td>
      </tr>
      <tr>
        <td height="11" valign="top"><img src="Bilder/content_bottom.gif" width="547" height="9" /></td>
      </tr>
    </table>
    
    <td width="152">&nbsp;</td>
  </tr>
  <tr>
    <td height="39" align="center" valign="top">&nbsp;</td>
    <td align="center"><img src="Bilder/footer.gif" alt="Footer" width="547" height="26" /></td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Madd Eye

Versuchs mal hiermit:

eine css datei name z.B. style.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:

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
}
body {
	background-color: #1B1B1B;
	margin-top: 0px;
	margin-bottom: 0px;
}




/** CONTENT */

#content {
	width: 792px;
	margin: 1px auto;
	padding: 40px 0px 20px 0px;
}

#columnA {
	float: right;
	width: 538px;
	padding-left: 20px;
	border-left: 1px dashed #EEEEEE;
}

#columnA h2 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	font-size: 12pt;
	font-weight: bold;
}

#columnB {
	float: left;
	width: 200px;
}

#columnB h3 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	border-spacing: 2px;
	font-size: 11pt;
	font-weight: bold;
}

dann in deine HTML datei:

code:
1: 2: 3: 4: 5: 6:	<div id="content"> Dein Inhalt </div>

Noch ein bischen für dich anpassen und müsste einwandfrei laufen großes Grinsen

burak67

hey,

ok ich probies mal gleich aus

edit: so ausprobiert nur wenn ich das mit div einbaue verschiebt sich aufeinmal die ganze tabelle nach links wieso das??

so müsste es dann ja aussehen oder

code:

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

</table></td>
    <td width="515" valign="top"><table width="547" border="0">
      <tr>
        <td height="15" valign="bottom"><img src="Bilder/content_top.gif" width="547" height="26" /></td>
      </tr>
      <tr>
        <td height="94" background="Bilder/content_bg.gif">
<div id="content">
TEST
</div></td>
      </tr>
      <tr>
        <td height="11" valign="top"><img src="Bilder/content_bottom.gif" width="547" height="9" /></td>
      </tr>
    </table>

Hier mal ein bild:
[IMG]http://img3.imagebanana.com/img/3twr46f7/thumb/1.bmp.png[/IMG]

burak67

hey,

kann mir keiner helfen???

Forensoftware: Burning Board, entwickelt von WoltLab GmbH