✔ layout zentriert in verschiedenen Bildschirmauflösungen

chamae-leon · 17. September 2006

Hallo,
ja- ich weiß: Suche benutzen!
Habe ich getan und folgendes script gefunden, daß ich auch eingebaut habe:
Problem allerdings bei mir, ich habe mit Ebenen gearbeitet, die auch zentriert werden damit! Wie kann ich das ändern?

so siehts mit dem code aus:
http://www.rentfair.de/kaufmannonline/indextest.html
:suspekt:
so sollte es aussehen:
http://www.rentfair.de/kaufmannonline/index.html

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>test</title>

<style type="text/css">
<!--
body
{
text-align: center;
}

div.main
{
width: 114px;
margin: 0 auto;
}

div.boxL
{
float: left;
width: 100px;
height: 60px;
border: 1px solid #000000;
}

div.boxR
{
float: left;
width: 10px;
height: 60px;
background-color: #EE5555;
border:1px solid #EE5555;
}

div.footer
{
clear:left;
width: 114px;
height: 10px;
background-color: #55EE55;
font-size: 0;
}
-->
</style>

Maik · 17. September 2006

In dem gezeigten Quellcode handelt es sich nicht um ein Script, sondern um die Auszeichnungssprache HTML und die Formatierungssprache CSS.

@topic:

In dem Stylesheet für die Layer-Formatierungen fehlt bei vielen Selektoren zu den Breiten/Höhen- und Positionsangaben die Einheit px

Im Firefox-, Mozilla-, Netscape- und Opera-Browser führt dies aber zu fatalen Fehldarstellungen des Seitenaufbaus, da das "neue" Dokument nun eine Doctype-Deklaration besitzt.

Bring also bitte erstmal diese Baustelle in Ordnung und melde Dich dann wieder

chamae-leon · 17. September 2006

Hi,
oh mein Gott, was war da denn passiert!

Ok.
Aktuelle Version hier:

http://www.rentfair.de/kaufmannonline/indextest.html

// edit

Ich dachte, wenn man nur die Werte eingibt, ergänzt DW die Pixel!
War wohl falsch die Annahme...

Achso, wie sucht man denn nach etwas, was nicht geschrieben wurde?
Ich kann ja nicht in allen Seiten nach px suchen, da es ja nicht da ist.
Also kann ich es ja auch nicht ersetzen, oder?

Wenn ich alles manuell mache, sitze ich ja noch bis heute Nacht!
Oder habe ich Pech gehabt?

Maik · 17. September 2006

Um das Layout in der Horizontalen zu zentrieren, füge in einem der Stylesheets folgenden Selektor ein:

Code:

div#centerBox {
position: absolute;
left: 50%;
width: 800px;
margin-left: -495px; /* negative Hälfte von width:800px + -95px (-190px/2) */
top: 40px;
}

Und setze das Vorhandene zwischen <body>...</body> in das DIV ein:

HTML:

<body>
    <div id="centerBox"> 
        ...
    </div>
</body>

Da Layer14 und Layer46 mit 190 Pixel Abstand zum linken Browserfensterrand der "verschobene" linke Rand des Layouts sind, kommt es bei der margin-left-Eigenschaft auch zu dem "krummen" Wert "-495px" anstelle von "-400px"

[editpost]

Das mit dem "Suchen & Ersetzen" wird wohl etwas schwierig.

Du solltest aber unbedingt die einzelnen Stylesheets in einem Zentralen zusammenfassen, und dieses dann als CSS-Datei in die Dokumente laden

chamae-leon · 17. September 2006

Hi,
ich danke Dir. Oh je, das hört irgendwie nie auf!

Viele Grüße Monique

chamae-leon · 19. September 2006

Hi,

habe leider noch ein Problem mit dem Stylesheet. Ich bin da noch nicht fit drin.

habe eine center.css angelegt mit dem Inhalt:
http://www.rentfair.de/kaufmannonline/center.css

div#centerBox {
position: absolute;
left: 50%;
width: 800px;
margin-left: -495px; /* negative Hälfte von width:800px + -95px (-190px/2) */
top: 40px;
}

Und habe wie oben beschrieben, versucht, den Code einzubinden, hat aber leider nicht geklappt

http://www.rentfair.de/kaufmannonline/agbtest.html

was mache ich falsch?

Vielen Dank M.

Maik · 19. September 2006

HTML:

<div id="center"> div#centerBox {
position: absolute;
left: 50%;
width: 800px;
margin-left: -495px; /* negative Hälfte von width:800px + -95px (-190px/2) */
top: 40px;
}

</div>

Entferne mal den CSS-Code aus dem DIV-Element und notiere das schliessende </div> zwischen dem schliessenden </table> und </body>, damit die Tabelle in dem DIV eingebettet ist.

Zudem lautet im Stylesheet der ID-Selektor centerBox, im id-Attribut des Elements wird aber center aufgerufen.

chamae-leon · 19. September 2006

Hi,
jetzt steht der Kram unten!

sry, aber bin echt css Neuling.

http://www.rentfair.de/kaufmannonline/agbtest1.html
css for dummies...

kopiere am besten den ganzen Quellcode und setze es da rein, wo es hin muß.
Wenn Du den Quellcode hier nicht posten kannst, da zu groß, schicke ihn an :
chamae-leon@web.de danke.

Bevor ich Dich hier noch länger unnötig nerven muß!
Danke Dir!
Gruß M

Maik · 19. September 2006

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Willkommen bei Kaufmann und Sohn KG - wir machen Ihr Band!</title>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
#titeltext {
	position:absolute;
	width:422px;
	height:81px;
	z-index:1;
	left: 377px;
	top: 136px;
	visibility: visible;
}
-->
</style>
<style type="text/css">
<!--
div#centerBox {
position: absolute;
left: 50%;
width: 800px;
margin-left: -495px; /* negative Hälfte von width:800px + -95px (-190px/2) */
top: 40px;
}
-->
</style>
<link href="ebenenpositionierung.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #f2f2f2;
	margin-top: 35px;
}
.Stil1 {
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#flash {
	position:absolute;
	width:490px;
	height:200px;
	z-index:2;
	left: 377px;
	top: 240px;
}
#beschreibungstext {
	position:absolute;
	width:490px;
	height:200px;
	z-index:3;
	left: 377px;
	top: 265px;
}
#Layer1 {
	position:absolute;
	width:79px;
	height:74px;
	z-index:4;
	top: 488px;
	left: 377px;
}
#Layer2 {
	position:absolute;
	width:501px;
	height:14px;
	z-index:5;
	top: 237px;
	left: 377px;
}
#Layer3 {
	position:absolute;
	width:501px;
	height:13px;
	z-index:6;
	left: 377px;
	top: 679px;
}
#Layer4 {
	position:absolute;
	width:99px;
	height:74px;
	z-index:7;
	left: 380px;
	top: 705px;
}
#Layer5 {
	position:absolute;
	width:380px;
	height:181px;
	z-index:8;
	left: 498px;
	top: 705px;
}
#Layer6 {
	position:absolute;
	width:501px;
	height:13px;
	z-index:9;
	left: 377px;
	top: 850px;
}
#Layer7 {
	position:absolute;
	width:99px;
	height:74px;
	z-index:10;
	left: 377px;
	top: 923px;
}
#Layer8 {
	position:absolute;
	width:130px;
	height:75px;
	z-index:11;
	left: 377px;
	top: 1386px;
}
#Layer9 {
	position:absolute;
	width:501px;
	height:20px;
	z-index:12;
	left: 377px;
	top: 1115px;
}
#Layer10 {
	position:absolute;
	width:99px;
	height:74px;
	z-index:13;
	top: 1150px;
	left: 377px;
}
#Layer11 {
	position:absolute;
	width:380px;
	height:115px;
	z-index:14;
	top: 1150px;
	left: 498px;
}
#Layer12 {
	position:absolute;
	width:501px;
	height:24px;
	z-index:15;
	left: 377px;
	top: 605px;
}
#Layer13 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:16;
	left: -225px;
	top: -29px;
}
#Layer14 {
	position:absolute;
	width:119px;
	height:73px;
	z-index:16;
	top: 237px;
	left: 190px;
}
#Layer15 {
	position:absolute;
	width:501px;
	height:14px;
	z-index:17;
	left: 380px;
	top: 484px;
}
#Layer16 {
	position:absolute;
	width:490px;
	height:200px;
	z-index:18;
	left: 377px;
	top: 275px;
}
#Layer17 {
	position:absolute;
	width:501px;
	height:14px;
	z-index:19;
	left: 377px;
	top: 1329px;
}
#Layer18 {
	position:absolute;
	width:501px;
	height:14px;
	z-index:20;
	left: 377px;
	top: 497px;
}
#Layer19 {
	position:absolute;
	width:490px;
	height:1066px;
	z-index:21;
	left: 377px;
	top: 257px;
}
#Layer20 {
	position:absolute;
	width:501px;
	height:14px;
	z-index:22;
	left: 377px;
	top: 602px;
}
#Layer21 {
	position:absolute;
	width:56px;
	height:16px;
	z-index:22;
	top: 140px;
	left: 190px;
}
-->
</style></head>
<body leftmargin="0" marginwidth="0" onLoad="MM_preloadImages('home/over/Bilder/masschneiderei_ov.gif','home/over/Bilder/qualitaet_ov.gif','home/over/Bilder/news_ov.gif','home/over/Bilder/kontakt_ov.gif','home/over/Bilder/seitenanfang_ov.gif','home/over/Bilder/impressum_ov.gif','home/over/Bilder/premiummarke_ov.gif','home/over/Bilder/collection_ov.gif','home/over/Bilder/home_ov.gif','impressum/over/Bilder/recht_ov.jpg','impressum/over/Bilder/daten_ov.jpg','home/Bilder/shop_ov.gif')">
<div id="centerBox"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>

    <td><img src="transp1px.gif" width="100px" height="1560px"></td>
    <td><table width="800px" height="1541px" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" id="Tabelle_01">
      <tr>
        <td colspan="13"><img src="home/Bilder/home800x1540_01.gif" width="800px" height="19px" ></td>
      </tr>
      <tr>
        <td rowspan="2"><a href="index.html" target="_parent"><img src="home/Bilder/logo.gif"  width="216px" height="62px" border="0"></a></td>
        <td><img src="home/Bilder/home800x1540_03.gif" width="63px" height="35px" ></td>
        <td><a href="index.html" target="_parent" onMouseOver="MM_swapImage('Image51','','home/over/Bilder/home_ov.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="home/Bilder/home.gif" name="Image51" width="54px" height="35px" border="0"></a></td>

        <td><a href="collection.html" target="_parent" onMouseOver="MM_swapImage('Image45','','home/over/Bilder/collection_ov.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="home/Bilder/collection.gif" name="Image45" width="77px" height="35px" border="0"></a></td>
        <td><a href="masschneiderei.html" target="_parent" onMouseOver="MM_swapImage('Image46','','home/over/Bilder/masschneiderei_ov.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="home/Bilder/masschneiderei.gif" name="Image46" width="110px" height="35px" border="0"></a><a href="#" target="_parent" onMouseOver="MM_swapImage('Image35','','home/over/Bilder/masschneiderei_ov.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td>
        <td colspan="2"><a href="qualitaet.html" target="_parent" onMouseOver="MM_swapImage('Image47','','home/over/Bilder/qualitaet_ov.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="home/Bilder/qualitaet.gif" name="Image47" width="67px" height="35px" border="0px"></a><a href="#" target="_parent" onMouseOver="MM_swapImage('Image36','','home/over/Bilder/qualitaet_ov.gif',1)" onMouseOut="MM_swapImgRestore()"></a></td>
        <td colspan="3"><a href="news.html" target="_parent" onMouseOver="MM_swapImage('Image48','','home/over/Bilder/news_ov.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="home/Bilder/news.gif" name="Image48" width="98px" height="35px" border="0px"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image37','','home/over/Bilder/news_ov.gif',1)"></a></td>
        <td colspan="2"><a href="kontakt.html" target="_parent" onMouseOver="MM_swapImage('Image49','','home/over/Bilder/kontakt_ov.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="home/Bilder/kontakt.gif" name="Image49" width="46px" height="35px" border="0px"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image38','','home/over/Bilder/kontakt_ov.gif',1)"></a></td>
        <td><img src="home/Bilder/home800x1540_10.gif" width="69px" height="35px" ></td>
      </tr>
      <tr>
        <td colspan="12"><img src="home/Bilder/home800x1540_11.gif" width="584px" height="27px" ></td>

      </tr>
      <tr>
        <td colspan="13"><img src="home/Bilder/home800x1540_12.gif"  width="800px" height="1374px" border="0">
          <div id="Layer8"><a href="recht.html" target="_parent" onMouseOver="MM_swapImage('Image52','','impressum/over/Bilder/recht_ov.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="impressum/Bilder/recht.jpg" name="Image52" width="119px" height="12px" border="0px"></a><a href="recht.html" target="_parent" onMouseOver="MM_swapImage('Image52','','impressum/over/Bilder/recht_ov.jpg',1)" onMouseOut="MM_swapImgRestore()"></a><br>
            <br>
            <a href="datenschutz.html" target="_parent" onMouseOver="MM_swapImage('Image53','','impressum/over/Bilder/daten_ov.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="impressum/Bilder/daten.jpg" name="Image53" width="85px" height="12px" border="0px"></a>            <br>
            <br>
            <img src="impressum/over/Bilder/AGB_ov.gif" name="Image56" width="41px" height="12px" border="0">          </div>

          <div id="Layer2"><img src="linie.gif"  width="490px" height="7px"></div>
            <a name="uhrenbild"></a>
            <div id="titeltext">
              <p><span class="Stil1">Unsere AGB </span></p>
          </div></td>
      </tr>
      <tr bordercolor="0">
        <td colspan="6" rowspan="3"><img src="home/Bilder/home800x1540_13.gif" width="557px" height="65px" ></td>

        <td colspan="2"><img src="home/Bilder/home800x1540_14.gif" width="40px" height="27px" ></td>
        <td colspan="3"><a href="#oben" target="_top" onMouseOver="MM_swapImage('Image39','','home/over/Bilder/seitenanfang_ov.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="home/Bilder/seitenanfang.gif"  name="Image39" width="124px" height="27px" border="0"></a></td>
        <td colspan="2"><img src="home/Bilder/home800x1540_16.gif" width="79px" height="27px" ></td>
      </tr>
      <tr>
        <td colspan="6"><img src="home/Bilder/home800x1540_17.gif" width="174px" height="20px" ></td>
        <td rowspan="2"><img src="home/Bilder/home800x1540_18.gif" width="69px" height="38px" ></td>
      </tr>
      <tr>

        <td colspan="3"><a href="impressum.html" target="_parent" onMouseOver="MM_swapImage('Image44','','home/over/Bilder/impressum_ov.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="home/Bilder/impressum.gif" name="Image44" width="93px" height="18px" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image40','','home/over/Bilder/impressum_ov.gif',1)"></a></td>
        <td colspan="3"><a href="premiummarke.html" target="_parent" onMouseOver="MM_swapImage('Image41','','home/over/Bilder/premiummarke_ov.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="home/Bilder/premiummarke.gif"  name="Image41" width="81px" height="18px" border="0"></a></td>
      </tr>
      <tr>
        <td colspan="13"><img src="home/Bilder/home800x1540_21.gif" width="800px" height="20px" ></td>
      </tr>
      <tr>
        <td><img src="home/Bilder/Abstandhalter.gif" width="216px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="63px" height="1px" ></td>

        <td><img src="home/Bilder/Abstandhalter.gif" width="54px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="77px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="110px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="37px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="30px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="10px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="53px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="35px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="36px" height="1px" ></td>

        <td><img src="home/Bilder/Abstandhalter.gif" width="10px" height="1px" ></td>
        <td><img src="home/Bilder/Abstandhalter.gif" width="69px" height="1px" ><a name="oben"></a></td>
      </tr>
    </table>
      <div id="Layer21"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image57','','home/Bilder/shop_ov.gif',1)"><img src="home/Bilder/shop.gif" name="Image57" width="44px" height="12px" border="0"></a></div>
      <div id="Layer19">
        <p><strong>Allgemeine   Gesch&auml;ftsbedingungen<BR>
            </strong>Wilhelm Kaufmann &amp; Sohn <BR>

          Kommanditgesellschaft<BR>
          L&auml;mmerspieler Strasse 85, D-63165 M&uuml;hlheim am   Main<BR>
          <BR>
          <strong>1. Allgemeines<BR>
          </strong>Alle Lieferungen und Leistungen erfolgen   ausschliesslich auf Grund der nachstehenden Bedingungen. Abweichende   Gesch&auml;ftsbedingungen des Vertragspartners verpflichten uns nicht; wir   widersprechen Ihnen hiermit ausdr&uuml;cklich.<BR>

          <BR>
          <strong>2. Auftr&auml;ge<BR>
        </strong>Unsere   Angebote sind stets freibleibend. Eingehende Auftr&auml;ge sind auch ohne unsere   schriftliche Best&auml;tigung verbindlich, bei begr&uuml;ndetem Anlass behalten wir uns   bis zur Ausf&uuml;hrung des Auftrages den R&uuml;cktritt vor.</p>
        <p><strong>3. Lieferung<BR>

        </strong>Lieferungen erfolgen stets auf Rechnung und Gefahr des   Kunden, Versandart und Verpackung werden nach unserem pflichtgem&auml;ssen Ermessen   gew&auml;hlt. Die Kosten f&uuml;r Versand, Verpackung und einer evtl.   Transportversicherung gehen zu Lasten des Kunden.<BR>
        Die angegebene Lieferzeit   ist immer ann&auml;hernd und unverbindlich. Teillieferungen sind zul&auml;ssig. Kommen wir   in Verzug, so muss uns der Kunde eine angemessene Nachfrist von mindestens 4   Wochen setzen.<BR>
        Lieferfristen verl&auml;ngern sich ebenfalls um Zeiten, in denen   beim Kunden Zahlungsr&uuml;ckst&auml;nde, auch aus anderen Auftr&auml;gen, gegeben sind.   Ereignisse h&ouml;herer Gewalt und Arbeitskampfmassnahmen, bei uns oder unseren   Vorlieferanten verl&auml;ngern jede Lieferzeit entsprechend und berechtigen uns zum   R&uuml;cktritt vom Vertrag. Schadenersatzanspr&uuml;che durch Nichteinhaltung von   Lieferfristen k&ouml;nnen nicht gestellt werden.<BR>

        <BR>
        <strong>4.   M&auml;ngelr&uuml;gen/Gew&auml;hrleistung/Haftung<BR>
        </strong>M&auml;ngelr&uuml;gen m&uuml;ssen innerhalb von 5   Tagen nach Empfang der Ware schriftlich angezeigt werden. M&auml;ngel, die auch bei   sorgf&auml;ltiger Pr&uuml;fung innerhalb dieser Frist nicht entdeckt werden konnten,   m&uuml;ssen sp&auml;testens zwei Monate nach Empfang der Ware angezeigt werden. Ist die   Beanstandung rechtzeitig erhoben und von uns anerkannt, so steht uns ein   Nachbesserungsrecht oder ein Recht auf Ersatzlieferung zu. Ausgenommen hiervon   sind ausdr&uuml;cklich B&auml;nder, welche bereits montiert bzw. getragen wurden. Ein   Wandlungs- und Minderungsrecht oder ein Recht auf Schadenersatz des Kunden   besteht nicht. Besch&auml;digte Verpackungen, die Beanstandungen nach sich ziehen,   m&uuml;ssen durch den Anlieferer best&auml;tigt worden sein.<BR>

        Durch seine spezielle   Gerbung ist das Leder gezeichnet, wie es seinem nat&uuml;rlichen Wachstum entspricht.   Die sichtbaren kleinen Hautfehler (Heckenrisse, Insektenstiche, Verhornungen   etc.) demonstrieren die Echtheit des Leders und mindern nicht die Qualit&auml;t.   Farbabweichungen bzw. Farbschattierungen sind durch das Naturprodukt bedingt und   stellen keinen Fehler dar. F&uuml;r Farb- und Lichtechtheit und f&uuml;r Wasserfestigkeit   wird keine Gew&auml;hr &uuml;bernommen. Uhrenarmb&auml;nder sind Verschleissartikel. Die   Lebensdauer eines Bandes h&auml;ngt mit der individuellen Beanspruchung zusammen. Eine Garantie f&uuml;r die Haltbarkeit f&uuml;r einen bestimmten Zeitraum k&ouml;nnen wir deshalb nicht geben.</p>
        <p><strong>5. Eigentumsvorbehalt<BR>

        </strong>Die von uns gelieferte Ware bleibt bis zur   v&ouml;lligen Erf&uuml;llung unserer s&auml;mtlichen, auch k&uuml;nftig entstehenden Anspr&uuml;che (auch   aus Scheck- und Wechselverbindlichkeiten), gegen den Kunden unser Eigentum. Bei   Pf&auml;ndungen oder sonstigen Eingriffen Dritter hat der Kunde uns sofort   schriftlich zu benachrichtigen.<BR>
        <BR>
        <strong>6. Zahlungsbedingungen<BR>
        </strong>Unsere   Warenrechnungen sind innerhalb von 30 Tagen netto f&auml;llig. Bei Zahlungen   innerhalb von 10 Tagen gew&auml;hren wir 3 % Skonto, soweit keine anderen   schriftlichen Vereinbarungen getroffen sind.<BR>

        <BR>
        <strong>7.   Zur&uuml;ckbehaltungsrecht/Aufrechnung<BR>
        </strong>Die Geltendmachung eines   Zur&uuml;ckbehaltungsrechtes oder die Aufrechnung mit Gegenanspr&uuml;chen des Kunden ist   nur zul&auml;ssig, wenn diese von uns nicht bestritten oder rechtskr&auml;ftig   festgestellt ist.<BR>
        <BR>
        <strong>8.   Erf&uuml;llungsort/Gerichtsstand/Recht<BR>

        </strong>Erf&uuml;llungsort ist M&uuml;hlheim am Main,   Gerichtsstand ist Offenbach am Main, wenn der Kunde im HR eingetragener Kaufmann   oder unbekannten Aufenthaltes ist oder sich im Ausland aufh&auml;lt. Die Beziehungen   zwischen uns und dem Kunden unterliegen ausschliesslich dem deutschen Recht.
        </p>
      </div>
      <div id="Layer17"><img src="linie.gif"  width="490px" height="7px"></div>
      <div id="Layer14"><a href="recht.html" target="_parent" onMouseOver="MM_swapImage('Image50','','impressum/over/Bilder/recht_ov.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="impressum/Bilder/recht.jpg" name="Image50" width="119px" height="12px" border="0"></a><a href="recht.html" target="_parent" onMouseOver="MM_swapImage('999','','impressum/over/Bilder/recht_ov.jpg',1)" onMouseOut="MM_swapImgRestore()"></a><br>
      <br>
      <a href="datenschutz.html" target="_parent" onMouseOver="MM_swapImage('Image55','','impressum/over/Bilder/daten_ov.jpg',1)" onMouseOut="MM_swapImgRestore()"><img src="impressum/Bilder/daten.jpg" name="Image55" width="85px" height="12px" border="0px"></a>      <br>

      <br>
      <img src="impressum/over/Bilder/AGB_ov.gif" name="Image54" width="41px" height="12px" border="0px">      </div></td>
    <td><img src="transp1px.gif"  width="100px" height="1560px"></td>
  </tr>
</table>
<!-- ImageReady Slices (home800x1540.psd) -->
<!-- End ImageReady Slices -->
</div>
</body>
</html>

Und noch ein Hinweis: in den HTML-Attributen width und height wird keine Einheit angegeben:

Code:

<img src="transp1px.gif" width="100px" height="1560px">

<table width="800px" height="1541px" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" id="Tabelle_01">

chamae-leon · 19. September 2006

super DANKE!

✔ layout zentriert in verschiedenen Bildschirmauflösungen

chamae-leon

Mitglied

Maik

chamae-leon

Mitglied

Maik

chamae-leon

Mitglied

chamae-leon

Mitglied

Maik

chamae-leon

Mitglied

Maik

chamae-leon

Mitglied

Neue Beiträge