container und tabelle

**TobiaZ** · 27.08.2008, 15:13

Das HTML-Forum hat inzwischen auch bemerkt, dass du dir deine Codes zusammenschnorrst...

Nachdem du mit deren Antworten nichts anfangen kannst, stellst du hier die gleichen dummen fragen und machst lustig weiter...

Klasse dein Crossposting.

Beim nächsten mal machen wir mal ne Woche Pause würde ich sagen. Vielleicht entdeckst du in der Zeit neue Foren die du ausbeuten kannst...

**jahlives** · 27.08.2008, 15:14

Das HTML-Forum hat inzwischen auch bemerkt, dass du dir deine Codes zusammenschnorrst...

OffTopic:

@TobiaZ
Mal nach seinen Posts im HTML-Forum gesucht? Einer besser als der andere

**TobiaZ** · 27.08.2008, 15:17

Noch nicht die Zeit zu gehabt, aber im Moment finde ich sein Verhalten an sich unter aller Kanone, so dass ich mir das lieber nicht antun möchte.

**unset** · 27.08.2008, 15:18

Ich halts mitlerweile wie asp2php: Ignorieren

**mcmurphy** · 27.08.2008, 15:47

die Idee von Click ist doch gar nicht schlecht...

PHP-Code:


margin:auto 0px;

position:relative;

left:100px;

müßte doch eigentlich das div in der Mitte positionieren und dann um 100px verschieben...

**jahlives** · 27.08.2008, 16:43

Laut Selfhtml:

Bei mehreren Angaben werden diese abhängig von deren Anzahl interpretiert.
Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand für oben und unten, die zweite den Abstand für rechts und links.

Also hast du ein auto margin für oben und unten und einen Abstand von 0px für links und rechts. Glaube nicht, dass dies ein div mittig platziert und dann 100px rausschiebt

**mcmurphy** · 27.08.2008, 16:51

doch, so:

PHP-Code:


<div 

style="margin:0px auto; width:100px; height:200px; 

border:1px solid red; position:relative; left:100px;" ></div>

gehts...

hatte in meinem ersten Beispiel nur fälschlicher weise margin:auto 0px; geschrieben

**jahlives** · 27.08.2008, 17:14

Also dein Bsp klappt bei mir nur wenn ich zwei divs verwende. Den äusseren mit text-align:center in die Mitte zwingen und den inneren dann mit left:100px von der Mitte wegschieben

**mcmurphy** · 27.08.2008, 17:17

Sir, negativ Sir ;-)

PHP-Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">

<html>

<head>

    <title>New Document</title>

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />



<style type="text/css">

div {

margin:0px auto; 

width:100px; height:200px; 

border:1px solid red; 

position:relative; right:100px;

}

</style>



  </head>

  <body>

   <div></div>

  </body>

</html>

zumindest im FF 2

**jhaustein** · 27.08.2008, 17:18

klasse - pro ist nur, dass es sich nicht über die tabelle legt

PHP-Code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Neuhaus</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">



    <script src="assets/scripts/camion-pourriel.js" type="text/javascript"></script>

    <script src="assets/scripts/prepopulate.js" type="text/javascript"></script>

    <script src="assets/scripts/jquery-1.2.3.pack.js" type="text/javascript"></script>

    <script src="assets/scripts/jcycle.js" type="text/javascript"></script>

    <script src="assets/scripts/jcycle_config.js" type="text/javascript"></script>

<style>

         body {    margin-left:0px;

             margin-top:0px;

            scrollbar-base-color: #E5EEF5;

            scrollbar-track-color: #f0f0e0;

            scrollbar-face-color: #CADBEB;

            scrollbar-highlight-color: #f0f0e0;

            scrollbar-3d-light-color: #CADBEB;

            scrollbar-darkshadow-color: #CADBEB;

            scrollbar-shadow-color: #CADBEB;

            scrollbar-arrow-color: #ffffff;

            line-height:100px;}



      

    

    </style>

    

<script language="JavaScript" 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];}}

}

//-->

</script>

</head>



<body>



<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr> 

    <td background="bg_kopf.jpg"><img src="bg_kopf.jpg" width="1" height="50"></td>

    <td width="27" background="bg_kopf.jpg">&nbsp;</td>

    <td width="840" background="bg_kopf.jpg">&nbsp;</td>

    <td width="27" background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr> 

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

  <tr>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

    <td background="bg_kopf.jpg">&nbsp;</td>

  </tr>

</table>

<div style="margin:0px auto; width:100px; height:200px; 

 position:relative; left:100px;" > 

  <div id="slideshow"> <img src="assets/images/header/worksPreviews/balate.png" width="345" height="250" alt="" /> 

    <img src="assets/images/header/worksPreviews/etatdesieges.png" width="345" height="250" alt="" /> 

   

  </div>



</div>



</body>

</html>

**TobiaZ** · 27.08.2008, 17:24

klasse - pro ist nur, dass es sich nicht über die tabelle legt

Wer hätte auch erwarten können, dass du mehr tust als nur Copy & Paste...

**TobiaZ** · 27.08.2008, 17:35

Hab jetzt auch rausgefunden, welche Seite du kopierst:
http://www.deaxon.com/

**jhaustein** · 27.08.2008, 17:52

ich kopiere sie nicht - fand das feature nur cool - das mit dem fadeeffect oben - das bekomme ich nicht hin, weil ich den container nicht über meine tabellen bekomme

**jahlives** · 28.08.2008, 10:41

@mcmurphy
Also bei mir (IE6) funzt dein Beispiel ned und ergibt den Screenshot (case_wrong.jpg).
Wenn ich es jedoch mit zwei divs mache dann klappts (case_right.jpg)

Angehängte Dateien

screen.zip (37,8 KB, 97x aufgerufen)

**mcmurphy** · 28.08.2008, 10:45

Äh, warum packste die Tabelle nicht einfach direkt in den Container?

@jahlives:

hatte mit IE6 nicht getestet (habe keinen 6er mehr auf meinem Schlepptop).

Wollte das auch nur posten weil am Anfang des Threads die meisten meinten das det net mit CSS geht.
Und für den 6er hast du ja einen Würgaround gefunden

container und tabelle

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Wird geladen... Bitte warte.

container und tabelle

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar