Ergebnis 1 bis 5 von 5
  1. #1
    mr_revo ist offline Grünschnabel
    registriert
    10-08-2008
    Beiträge
    1

    Question skalierbares Layout mit em; ohne tabellen

    hi,

    auf:
    3RING.com :: Online Marketing Services, E-marketing Firm :: Toronto, Vancouver, Halifax - Canada
    kann man sehen, dass beim zoomen der schrift die beiden rand-elemente (die mit dem schatten zur abgrenzung) sich mit nach außen bewegen, da sich der inhaltsbereich ausbreitet.
    das ganze funktioniert nun mit tabellen und div's.
    an und für sich jedoch nich per se schlecht.

    ich möchte das ganze jedoch komplett ohner tabellen machen, da vorgabe ist, keine tabellen für das layout zu verwenden.
    ich bin bisher bei:
    http://temp.mzieger.net/entwurf/entwurf.htm
    im hintergrund st noch die feste grafik zu sehen, wenn man zoomt sieht man, dass sich der balken links und rechts mit nach außen/innen bewegt.
    beide sind per
    Code:

    <img src="entwurf_files/bg_left.gif" style="background-position: center; background-repeat: repeat-y; margin-right:23.62em; height:400px; width:11px;">
    <img src="entwurf_files/bg_right.gif" style="background-position: center; background-repeat: repeat-y; margin-left:23.62em; height:400px; width:11px;">

    eingebunden.
    wie man sieht nur mit einer festen größen angabe.
    ich suche jetzt aber nach einer lösung, um immer die volle inhaltshöhe mit dem bild ausgefüllt zu bekommen, ohne dabei feste (max. mindestmaß) pixel vorzugeben.

    ist das möglich, hat irgendjemand eine idee?
    irgendwie find ich nichts dazu, außer dass es mit css3 möglich werden sollte.
    jedoch ist das zukunftsmusik und ich hab nur css2 zur verfügung zur umsetzung.

    danke für tipps
    grüße
    revo

  2. #2
    Bieber ist offline König
    registriert
    10-12-2007
    Ort
    Erfurt
    Beiträge
    964

    AW: skalierbares Layout mit em; ohne tabellen

    meines Wissens nach, ist es momentan nicht möglich...
    es gibt nur einen workaround dafür, das Hintergrundbild über die ganze Seite zu strecken... aber wirklich super ist das auch nicht

    wenn du Bilder als Hintergrund verwenden willst, kommst du momentan um feste div-Größen nicht herum

    PS lasse mich gerne eines besseren Belehren, dann könnte ich meine Seite auch mal umstellen
    crazy

    Schach online: Lust auf eine Partie Schach gegen mich? Einfach kostenlos auf onlineschach.eu registrieren und den Bieber suchen.

  3. #3
    sumatra70 ist offline Eroberer
    registriert
    07-05-2008
    Beiträge
    59

    AW: skalierbares Layout mit em; ohne tabellen

    Anfürsich sollte alles, was man prozentual (%) angiebt, sich auch der Monitorauflösung anpassen.
    Wer nicht lernt, hat nichts zu lehren.

    sumatra70

  4. #4
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: skalierbares Layout mit em; ohne tabellen

    Zitat Zitat von sumatra70 Beitrag anzeigen
    Anfürsich sollte alles, was man prozentual (%) angiebt, sich auch der Monitorauflösung anpassen.
    Naja, aber Grafiken haben nun mal feste Maße...

  5. #5
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: skalierbares Layout mit em; ohne tabellen

    Vielleicht hab ich's nicht richtig verstanden, aber ich hab' mal das Beispiel von dieser Seite genommen und Deine left/right-bg-Grafiken so eingebaut:
    PHP-Code:
    body {
        
    background-color:#FFFFFF;
        
    background-image:url(entwurf/entwurf_files/bg_left.gif);
        
    background-repeat:repeat-y;
        
    background-position:10top;
        
    margin:0;
        
    padding:0;
        
    height:100%; /* needed to display bkgnd2 at full height in IE */
    }
    #bkgnd2 {
        
    positionabsolute/*needed to expand to full height beyond content in FF */
        
    top0px;
        
    right10%;
        
    height:auto/* FF needs this setting to expand div to fit long content */
        
    min-height:100%; /*sets minimum height in FF*/
        
    width:100%;
        
    background-color:transparent;
        
    background-image:url(entwurf/entwurf_files/bg_right.gif);
        
    background-repeat:repeat-y;
        
    background-position:right top;
        
    text-align:center/*centers #main in old IE*/
        
    }
    html #bkgnd2 {
        
    height:100%; /*sets bkgnd2 to full height in IE w short content -- also need height:100% in body*/
    }
    #main {
        
    margin:0px auto/*centers the div in all modern browsers*/
        
    width:50%;
        
    padding:1px/*prevents margin collapse from allowing margins in this div from affecting margins around bkgnd2*/
        
    text-align:left;/*resets normal text align following centering in #bkgnd2*/



    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

Ähnliche Themen

  1. [HELP] Layout Problem mit CSS :-/
    Von flashfreak im Forum CSS und (X)HTML
    Antworten: 5
    Letzter Beitrag: 10-10-2005, 17:48
  2. Ende der Tabellen
    Von raudi im Forum Allgemeines
    Antworten: 5
    Letzter Beitrag: 25-09-2005, 17:14
  3. Antworten: 3
    Letzter Beitrag: 13-06-2005, 00:02
  4. [MySQL] Bestenliste ausgeben über 5 Tabellen
    Von Fallen][Angel im Forum Serverseitige Programmierung
    Antworten: 2
    Letzter Beitrag: 03-09-2004, 17:31
  5. tabellenfreies layout
    Von jsgreenhorn im Forum Allgemeines
    Antworten: 10
    Letzter Beitrag: 12-08-2003, 02:35

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •