einzelne seite verschiebt sich

**jayjay** · 28.10.2008 08:11

moin, ich check das nicht. baue momentan eine seite, wo alle seiten sauber dargestellt werden, bis auf die kontaktseite, diese springt in der positionierung, normal sollte die seite zentriert angezeigt werden, aber kontakt kommt links?!

ich komme einfach nicht weiter, danke im voraus für eure mühe

hier die kontaktseite:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>x</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="icon" href="../images/logo.ico" type="image/ico" />
</head>
<body>
<!-- start header -->
<div id="logo">
	<h1>&nbsp;</h1>
	<h2>&nbsp;</h2>
</div>
<div id="header">
	<div id="menu">
		<ul>
			<li><a href="../site/index.php?section=home" title="" target="_top" onclick="this.blur();">Home</a></li>
			<li><a href="../site/index.php?section=service" title="" target="_top" onclick="this.blur();">Service</a></li>
			<li><a href="../site/index.php?section=kaffeesortiment" title="" target="_top" onclick="this.blur();">Kaffee-Sortiment</a></li>
			<li><a href="../site/index.php?section=kaffeesysteme" title="" target="_top" onclick="this.blur();">Kaffeesysteme</a></li>
			<li class="current_page_item"><a href="../site/index.php?section=kontakter" title="" target="_top" onclick="this.blur();">Kontakt</a></li>
		</ul>
	</div>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">
	<!-- start content -->
	<div id="content">
		<div class="post">
			<h1 class="title">Ihre Nachricht an uns:</h1>
			<div class="entry">
			<form id="form" method="post" action="index.php?section=formmailer" enctype="multipart/form-data">
				<p>Alle Felder die mit einem (*) gekennzeichnet sind, müssen ausgefüllt werden!</p>
				<table border="0" align="center" cellpadding="0" cellspacing="0">
					<tr>
						<td class="info" style="width:80px;">Anrede:*</td>
						<td class="info" style="width:250px;">
							<select name="Anrede" id="Anrede">
								<option value="Herr" selected="selected">Herr</option>
								<option value="Frau">Frau</option>
							</select>
						</td>
					</tr>
					<tr>
						<td class="info">Vorname:*</td>
						<td class="info"><input name="Vorname" id="Vorname" size="30" /></td>
					</tr>
					<tr>
						<td class="info">Nachname:*</td>
						<td class="info"><input name="Name" id="Name" size="30" /></td>
					</tr>
					<tr>
						<td class="info">Strasse/Hausnr:*</td>
						<td class="info"><input name="Strasse" id="Strasse" size="30" /></td>
					</tr>
					<tr>
						<td class="info">PLZ/Ort:*</td>
						<td class="info"><input name="PLZ" id="PLZ" size="5" maxlength="5" /> <input name="Ort" id="Ort" size="30" /></td>
					</tr>
					<tr>
						<td class="info">Telefon:*</td>
						<td class="info"><input name="Telefon" id="Telefon" size="30" /></td>
					</tr>
					<tr>
						<td class="info">Telefax:</td>
						<td class="info"><input name="Fax" id="Fax" size="30" /></td>
					</tr>
					<tr>
						<td class="info">E-Mail:*</td>
						<td class="info"><input name="Email" id="Email" size="30" /></td>
					</tr>
					<tr>
					<td class="info">Betreff:*</td>
					<td class="info">
						<input type="radio" name="Betreff" value="Kaufabsicht" /> Kauf einer Maschine oder sonstige Produkte<br />
						<input type="radio" name="Betreff" value="Beratung" /> Bitte um persönliche Beratung<br />
						<input type="radio" name="Betreff" value="sonstiges" /> sonstiges</td>
					</tr>
					<tr>
						<td class="info">Ihre Mitteilung an uns:*</td>
						<td class="info"><textarea name="Nachricht" cols="30" rows="2" id="Nachricht"></textarea></td>
					</tr>
					<tr>
						<td class="info">&nbsp;</td>
						<td class="info"><input type="reset" name="Submit" value="Zurücksetzen" /> <input type="submit" name="Submit" value="Senden" /></td>
					</tr>
				</table>
				<input type="hidden" name="config" value="0" />
			</form>
			</div>
		</div>
	</div>
	<!-- end content -->
	<!-- start sidebar -->
	<div id="sidebar1" class="sidebar">
		<ul>
			<li id="recent-posts">
				<h2>Aktuelles</h2>
				<ul>
					<li>
						<h3>GAIA prospettica DEF</h3>
						<p> <a href="../site/index.php?section=produktdetails&amp;sortiment=kaffeesysteme&amp;produktid=19" onclick="this.blur();">mehr &hellip;</a></p>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<!-- end sidebar -->
	<div style="clear: both; height:0px">&nbsp;</div>
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer">
	<div id="menubottom">
		<ul>
			<li><a href="../site/index.php?section=agb" title="" target="_top" onclick="this.blur();">AGB</a></li>
			<li><a href="../site/index.php?section=jobs" title="" target="_top" onclick="this.blur();">Vertriebspartner</a></li>
			<li><a href="../site/index.php?section=impressum" title="" target="_top" onclick="this.blur();">Impressum</a></li>
		</ul>
	</div>
</div>
<!-- end footer -->
</body>
</html>

dann zb jobs

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>x</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="icon" href="../images/logo.ico" type="image/ico" />
</head>
<body>
<!-- start header -->
<div id="logo">
	<h1>&nbsp;</h1>
	<h2>&nbsp;</h2>
</div>
<div id="header">
	<div id="menu">
		<ul>
			<li><a href="../site/index.php?section=home" title="" target="_top" onclick="this.blur();">Home</a></li>
			<li><a href="../site/index.php?section=service" title="" target="_top" onclick="this.blur();">Service</a></li>
			<li><a href="../site/index.php?section=kaffeesortiment" title="" target="_top" onclick="this.blur();">Kaffee-Sortiment</a></li>
			<li><a href="../site/index.php?section=kaffeesysteme" title="" target="_top" onclick="this.blur();">Kaffeesysteme</a></li>
			<li><a href="../site/index.php?section=kontakt" title="" target="_top" onclick="this.blur();">Kontakt</a></li>
		</ul>
	</div>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">
	<!-- start content -->
	<div id="content">
		<div class="post">
			<h1 class="title">Wir wollen wachsen! MIT IHNEN!</h1>
			<div class="entry">
				<p><b>Wir suchen:</b><br />
Vertriebspartner, Handelspartner, Operater, Kaffeemaschienenvertretungen die im Markt eingeführt sind und unsere Kaffee, Milch und Kakaoprodukte in Ihr Programm aufnehmen möchten.<br />
<br />
<b>Ihre Aufgaben:</b><br />
Sie sind erster Ansprechpartner für innerhalb Ihres Gebietes im Berich Kontor-Instant-Kaffeeprodukte und führen diese bei gewerblichen Kunden ein (Firmen, Hotelerie, Gastrobereich, Café, Bäckereien usw).<br />
<br />
Haben wir Ihr Interesse geweckt, dann setzen Sie sich mit uns in Verbindung.</p>
			</div>
		</div>
	</div>
	<!-- end content -->
	<!-- start sidebar -->
	<div id="sidebar1" class="sidebar">
		<ul>
			<li id="recent-posts">
				<h2>Aktuelles</h2>
				<ul>
					<li>
						<h3>GAIA prospettica DEF</h3>
						<p> <a href="../site/index.php?section=produktdetails&amp;sortiment=kaffeesysteme&amp;produktid=19" onclick="this.blur();">mehr &hellip;</a></p>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<!-- end sidebar -->
	<div style="clear: both; height:0px">&nbsp;</div>
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer">
	<div id="menubottom">
		<ul>
			<li><a href="../site/index.php?section=agb" title="" target="_top" onclick="this.blur();">AGB</a></li>
			<li class="current_page_item"><a href="../site/index.php?section=jobs" title="" target="_top" onclick="this.blur();">Vertriebspartner</a></li>
			<li><a href="../site/index.php?section=impressum" title="" target="_top" onclick="this.blur();">Impressum</a></li>
		</ul>
	</div>
</div>
<!-- end footer -->
</body>
</html>

und natürlich die css

HTML-Code:

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 10px 0;
	background: #EDD9CD;
	color:#FFFFFF;
}
body, th, td, input, textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form {
}
fieldset {
}
input, textarea, select {
	border: 1px solid #721607;
	margin:1px 2px;
	background-color: #FFFFFF;
	color: #721607;
	font-size:90%;
}
input:hover, textarea:hover, select:hover {
	border: 1px solid #FFFFFF;
}
h1, h2, h3 {
	margin-top: 1.5em;
	color: #FFFFFF;
}
h1 {
	letter-spacing: -.075em;
	font-size: 3em;
}
h2 {
	letter-spacing: -.05em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
}
h3 {
	font-size: 1em;
}
p, ul, ol {
	margin-top: 1.5em;
	line-height: 1.8em;
	font-size: 1.1em;
}
ul, ol {
	margin-left: 3em;
}
blockquote {
	margin: 10px;
	font-size: 150%;
	font-style: italic;
}
a {
	text-decoration: none;
	color: #00CCFF;
}
a:hover {
	border: none;
	color: #FFFFFF;
	text-decoration: underline;
}
h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
}
hr {
	display: none;
}
img {
	border: none;
}
img.left {
	float: left;
	margin: 5px 15px 5px 0;
}
img.right {
	float: right;
	margin: 5px 0 5px 15px;
}
img.center {
	float: none;
	margin: 5px 0;
}
/* Wrapper */
#wrapper {
}
/* Logo */
#logo {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	border: 1px solid #F3F3F3;
	background-color: #570901;
	background-image: url(../images/logo_khk.png);
	background-repeat: no-repeat;
	background-position: 230px 20px;
	background-attachment: fixed;
}
#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0;
}
#logo h1 {
	padding: 10px 5px 0 20px;
}
#logo h2 {
	padding: 15px 0 0 700px;
	font-style: italic;
}
#logo p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #C2C5B1;
}
#logo a {
	color: #FFFFFF;
}
/* Header */
#header {
	width: 980px;
	margin: 0 auto;
	background: #570901;
/*	border: 1px solid #F3F3F3;*/
	width: 980px;
	height: 30px;
}
#menu {
	background: #570901;
	float: left;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
#menu li {
	float: left;
}
#menu a {
	display: block;
	float: left;
	height: 25px;
	margin-right: 1px;
	padding: 5px 20px 0 20px;
	text-decoration: none;
	font-size: 1.1em;
	color: #ffffff;
	background-color: #721607;
}
#menu a:hover {
	background: #F3F3F3;
	color: #2C2E22;
}
#menu .current_page_item a {
	color: #721607;
	background-color: #FFFFFF;
	font-weight: bold;
}
/* Page */
#page {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0px 0 0px;
	border: 1px solid #F3F3F3;
	background-attachment: scroll;
	background-image: url(../images/content_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #570901;
}
/* Content */
#content {
	float: left;
	width: 680px;
	height:450px;
	padding: 0px 20px 0px 20px;
	overflow:auto;
}
.post {
	font-size: 13px;
}
.post .title {
	margin: 0;
	font-weight: normal;
}
.post h1.title {
	background: url(../images/img18.gif) no-repeat left top;
	padding: 0 0 0 10px;
	height: 35px;
	font-size: 2.0em;
	color: #999999;
}
.post .entry {
	padding: 0 10px 30px 15px;
}
.entry p {
	text-align: justify;
}
.post .meta {
	margin: 0;
	padding: 5px 0px 0px 15px;
	background: url(../images/img04.gif) repeat-x left bottom;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CFCFCF;
}
.post .meta a {
	color: #CFCFCF;
}
.post .links {
	margin: 0;
}
.post .tags {
	margin: 0;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	background: url(../images/img04.gif) repeat-x;
}
.post .links a, .post .tags a {
	border: none;
}
/* Recent Posts */
#recent-posts {
}
#recent-posts h2 {
	margin: 0;
	background: url(../images/img13.gif) no-repeat left top;
	padding: 0px 0 0 15px;
	height: 25px;
}
#recent-posts h3 {
	margin: 0;
	font-size: 13px;
	padding: 15px 0 0 15px;
	background: url(../images/img04.gif) repeat-x left bottom;
}
#recent-posts p {
	margin: 0 0 0px 0;
	padding: 15px 0 0 15px;
	line-height: 22px;
	font-size: 13px;
}
/* Sidebars */
.sidebar {
	float: left;
}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar li {
	margin-bottom: 0em;
}
.sidebar li ul {
}
.sidebar li li {
	margin: 0;
}
.sidebar li h2 {
	margin: 0 0 0em 0;
	color: #FF0000;
}
#sidebar1 {
	width: 240px;
	padding: 0px 0px 0px 0px;
	background-color: #721607;
}
/* Footer */
#footer {
	margin: 0 auto;
	background: #570901;
	border-bottom: 1px solid #F3F3F3;
	border-left: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3;
	width: 980px;
	height: 16px;
	font-size: 80%;
}
#menubottom {
	float: left;
}
#menubottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
#menubottom li {
	padding: 0px 5px 0 5px;
	display: block;
	float: left;
	margin-right: 10px;
}
#menubottom a {
	text-decoration: none;
	font-weight: bold;
	color: #999999;
}
#menubottom a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#menubottom .current_page_item a {
	background: #F3F3F3;
	color: #2C2E22;
}
/*
*/
table {
	width:90%;
}
td.info {
	text-align:left;
	vertical-align:middle;
	padding:1px 0 0 0;
}

**dream|project** · 28.10.2008 10:23

also Dein Problem konnte ich jetzt nicht feststellen. Bei mir werden beide Seiten gleich links bzw. zentriert angezeigt (FF3).

Allerdings sieht die Seite im IE6 ziemlich zerschossen aus.

**max.m** · 28.10.2008 12:51

Im IE7 und FF 2.0.0.17 sieht es auch gleich (zentriert) aus. Evtl. mal den Cache leeren?

**jayjay** · 28.10.2008 12:57

es sollte auch so aussehen
jetzt ist es schon mal online vorbereitet, checkt das mal bitte link

**dream|project** · 28.10.2008 13:17

so sieht es im ie6 aus

**jayjay** · 28.10.2008 13:49

komischerweise zerlegts nur kontakt...

**jayjay** · 29.10.2008 13:55

niemand eine idee?

**hero-master** · 29.10.2008 15:17

Moin

hab leider kein IE6 zur Hand bzw. hab ihn schon aber er öffnet sich nie

Das sieht ja im IE6 ganz merkwürdig aus. Ist das mit dem Hellblau wirklich so und das auch nur bei Kontakt?!
Wegen der Breite liegt es wohl an der Tabelle irgendwie. Mach mal das width:90% raus bzw. gib mal ne kleiner Größe, ne absolute. Vlt. hat er damit irgendwie Probleme

**koenixblau** · 29.10.2008 15:21

Zitat von hero-master

Moin

hab leider kein IE6 zur Hand bzw. hab ihn schon aber er öffnet sich nie

Das sieht ja im IE6 ganz merkwürdig aus. Ist das mit dem Hellblau wirklich so und das auch nur bei Kontakt?!
Wegen der Breite liegt es wohl an der Tabelle irgendwie. Mach mal das width:90% raus bzw. gib mal ne kleiner Größe, ne absolute. Vlt. hat er damit irgendwie Probleme

Das "hellblaue" wird wahrscheinlich von einer PNG, in welcher eine Halbtransparenz ua. benutzt wurde, erzeugt. Der IE6 kann das ohne fremde Hilfe nicht richtig interpretieren.

**hero-master** · 29.10.2008 15:24

Zitat von koenixblau

Das "hellblaue" wird wahrscheinlich von einer PNG, in welcher eine Halbtransparenz ua. benutzt wurde, erzeugt. Der IE6 kann das ohne fremde Hilfe nicht richtig interpretieren.

Aus diesem Grund habe ich nachgefragt, weil er meinte die falsche Darstellung gibbet nur bei "kontakt"

**koenixblau** · 29.10.2008 15:31

Zitat von hero-master

Aus diesem Grund habe ich nachgefragt, weil er meinte die falsche Darstellung gibbet nur bei "kontakt"

Jupps, wobei sich "nur" (bei mir) auf alle Seiten bezieht,
wo diese Kaffeetasse als Hintergrund definiert ist.

**jayjay** · 29.10.2008 15:39

ok, danke, habe wieder die gif eingesetzt, tabelle auf 450 gesetzt, aber es wird immer noch verschoben

zur Startseite vom TP

Thema: einzelne seite verschiebt sich

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

einzelne seite verschiebt sich

Ähnliche Themen

Textfeld verschiebt sich

Seite verschiebt sich um einen Pixel

++ DRINGEND HILFE ++ Meine Seite verschiebt sich ein bisschen...

seite verschiebt sich

Seite verschiebt sich bei anderer Fenstergröße

Aktive Benutzer

Aktive Benutzer