Problem mit Tabelle und Div

Dieses Thema im Forum "Webentwicklung" wurde erstellt von seeker99, 2. August 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 2. August 2006
    Guten Tag,
    warscheinlich trifft der Titel nicht so ganz das Thema, aber mir ist kein besserer eingefallen.

    Also ich habe ein Tabellendesign. Das habe ich zentriert. Soweit so gut. Jetzt wollte ich rechts und links neben das Design noch jewäils ein <Div> machen, in das ich ein Bild lade. Jetzt ist das Problem. Das Design hat eine feste Breite von 800. Bei meiner 1280*X Auflösung habe ich natürlich an den Seiten mehr Platz als jemand mit nur 1024. Wie kann ich das machen, dass die <div>s sich der Bildschirmauflösung anpassen?
     
  3. 3. August 2006
    also ich kann mir leider grad nicht vorstellen was du meinst. kannst du den quellcode mal reinstellen und ein bild wies aussieht und was du da ändern willst?
     
  4. 3. August 2006
    Hier mal ein Ausschnitt aus dem Quelltext:

    Code:
    <div style="position: absolute; width: 254px; height: 261px; z-index: 1; left:0px; top:0px" id="Ebene1">
<img src="images/collage1.gif" width="252" height="294"></div>
<div style="position: absolute; width: 252px; height: 304px; z-index: 2; left:0px; top:298px" id="Ebene3">
<img src="images/collage2.gif" width="254" height="352"></div>
<div style="position: absolute; width: 255px; height: 349px; z-index: 3; left:1021px; top:-1px" id="Ebene4">
<img src="images/collage3.gif" width="254" height="355"></div>
<div style="position: absolute; width: 255px; height: 295px; z-index: 1; left:1021px; top:356px" id="Ebene5">
<img src="images/collage4.gif" width="254" height="346"></div>
<center>
<TABLE WIDTH=750 BORDER=0 CELLPADDING=0 CELLSPACING=0>
</TABLE>
</center>
    Das Problem ist jetzt, durch das <center> wird die Tabelle zentriert. Jedoch ist der Mittelpunkt je nach Bildschirmauflösung anders. Bei 1280*X hätte man auf den Seiten noch 265 Pixel platz. Bei 800*X hätte man nur noch 25 px frei. Jetzt wollte ich fragen, wie man das machen kann, dass sich die Divs je nach Auflösung anpassen und nicht mit dem Design überschneiden.
     
  5. 4. August 2006
    ja da machste deine tabellenspalte und machst bei width="100%" dann ist das bei jedem User so groß, dass keine Scrollbalken kommen.
     
  6. 4. August 2006
    Aber dann wäre die Tabelle über die ganze Seite und würde doch die Divs verdecken, oder täusche ich mich da.
     
  7. 4. August 2006
    anstatt 100% kannst du auch 80 oder 70% etc machen
     
  8. 4. August 2006
    Nehmen wir mal an man hätte eine Auflösung 800*600. Davon 80% Wären 640 Pixel für die Tabelle, dass heißt man hätte auf beiden Seiten 80px platz. Die Divs die Links von der Tabelle sitzen, sind 254px breit, also überschneidet es sich trotzdem.
     
  9. 4. August 2006
    Dann gibst du bei den div's auch die Pronzentzahl an, und alles hat einen gemeinsamen Wert (in Prozent) an dem sich alles orientiert und ausrichtet.

    hans-pedda
     
  10. 6. August 2006
    einfach noch ein zusätliches "container"-Div um die 3 anderen Elemente rum, und dass dann zentriert ausrichten.
     
  11. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.