Adi K.: Layout mit variabler Breite und Höhe

Hallo liebe Leute

Ich habe ein Problem, das aber die einen oder anderen CSS-Cracks sicher schon mal gelöst haben...

Mein Layout soll variabel in der Höhe sein, damit sich die Box dem Inhalt anpasst und es soll variabel in der Breite sein, damit jene mit einer grossen Bildschirm-Auflösung die Seite vorteilhaft betrachten können. (Es gibt nichts mühsameres als wenn man einen Widescreen hat und ein Webdesign auf 1024px optimiert ist...!!!)

Das Layout sieht mit Firefox 3 nun wie gewünscht aus, natürlich aber nicht mit dem IE 6. (Als Testversion habe ich nur IE 6. IE 7 kommt _auf_keinen_Fall_ drauf.)

Könnte mir jemand helfen, das Design auch im IE 6 zum Laufen zu bringen? Habs nicht selbst geschafft...

Zu finden unter:
Stepload.de

  1. Hi Adi,

    Ich habe ein Problem,
    Zu finden unter:
    Stepload.de

    Ich kann keine unterschiede nachvollziehen.

    .dialog_frame {  
    width:800px;  
    }
    

    Was ist an 800px flexibel und welcher Browser passt sich da an was an?

    Grüße aus H im R,
    Engin

    1. Dieser Code steht bei mir nirgends...

      .dialog_frame {

      width:800px;
      }

        
      Hast du dich vielleicht im Topic vertan...?  
      Und underschiede von FF zu IE6 gibt es, sie sind recht gross!  
        
      Liebe Grüsse  
      Adi
      
      1. Aha, ich weiss, was du gemacht hast..!
        Du musst die Zip-Datei bei Stepload herunterladen, da sind meine Sachen drin.

        1. Hi,

          Du musst die Zip-Datei bei Stepload herunterladen, da sind meine Sachen drin.

          Warum stellst du kein Online-Beispiel zur Verfuegung?

          Mit gezipptem Code, den man erst herunterladen und irgendwohin auspacken muss, legst du die Latte fuer potentiell Hilfswillige nur unnoetig hoch ...

          MfG ChrisB

        2. Hi Adi,

          Aha, ich weiss, was du gemacht hast..!
          Du musst die Zip-Datei bei Stepload herunterladen, da sind meine Sachen drin.

          :-)

          Sorry aber ich hab genug mit meinem eigenen Kram zu kämpfen, aber wenn du es Online stellst
          kann ich es mir gerne anschauen.

          Sorry für die unannehmlichkeiten, habs jetzt erst nach 3 maligem lesen
          geschnallt, dass Stepload nicht deine eigene Seite ist.   :-)))

          Grüße aus H im R,
          Engin

  2. Ja stimmt, du hast Recht, ChrisB.
    Hier der Direktlink zur Seite, um sie gleich anzusehen:
    http://adi.kousz.ch/space/selforum/tc-layout.html

    Und hier gleich noch das CSS:
    http://adi.kousz.ch/space/selforum/style.css

    Was meint ihr, könnt ihr mir helfen, das Layout auch noch IE6-tauglich zu machen?

    Liebe Grüsse & vielen Dank schon im Voraus
    Adi

    1. Hallo,

      Hier der Direktlink zur Seite, um sie gleich anzusehen:
      http://adi.kousz.ch/space/selforum/tc-layout.html
      Und hier gleich noch das CSS:
      http://adi.kousz.ch/space/selforum/style.css

      danke. Aber auch ohne deine Links möchte ich dich fragen wie du dir die Aufteilung des Inhaltes vorstellst wenn es bei meinetwegen 800x600 und Widescreen noch gleich aussehen soll.
      Da wird dann also das Layout schön gestreckt und der Inhalt?
      Ein kurzer Absatz dürfte bei Widescreen nur noch eine Zeile einnehmen was unter Umständen auch wieder nicht schön ist.

      Grüße, Matze

      1. Da wird dann also das Layout schön gestreckt und der Inhalt?

        Der soll sich halt anpassen: Bei einer Verkleinerung des Fensters soll die Textbox soll kleiner werden und damit werden die Zeilen kürzer in der Breite, der Text geht dafür mehr nach unten.

        Ein kurzer Absatz dürfte bei Widescreen nur noch eine Zeile
        einnehmen was unter Umständen auch wieder nicht schön ist.

        Das stimmt zwar, aber das Problem könnte man mit min-width (oder mit padding für IE) lösen.

        Gruss
        Adi

        1. Hi Adi,

          Ein kurzer Absatz dürfte bei Widescreen nur noch eine Zeile
          einnehmen was unter Umständen auch wieder nicht schön ist.

          Das stimmt zwar, aber das Problem könnte man mit min-width (oder mit padding für IE) lösen.

          Hast du da vielleicht grad einen Link parat, wo erklärt wird, wie das mit padding im IE geht?
          Würde mich sehr interessieren, ich kenn nur min-width für den IE.

          Grüße aus H im R,
          Engin