Ergebnis 1 bis 7 von 7

Thema: css hintergrund höhe

  1. #1
    imaginärer User
    Registriert seit
    21.05.2007
    Beiträge
    141
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard css hintergrund höhe

    nabend!

    da mir von ein paarn hier geraten wurde mich mit css zu beschäftigen hab i mir kurzerhand ein buch zur hand genommen (little boxes) und hab da ein wenig hineingeschnuppert...also ich muss zugeben...es ist zum teil einfacher als lauter tablellen zu bastln!

    nun zu meinem problem...

    ich habe eben mein altes design auf http://tigpl.ti.funpic.de und möchste genau dieses mit css umsetzen!

    ich hab jetzt schonmal in html diesen code...

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http&#58;//www.w3.org/TR/xhtml1/xhtml1-transitional.dtd">
    
    <html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;lang="de">
    
    
    
    <head>
    <link href="test.css" rel="stylesheet" type="text/css" media="screen" />
    <title>
    css test";
    </title>
    </head>
    <body id="body">
     <center>
    
    
    <div id="kopf">
    
    <h1>Kopf</h1>
    
    </div>
    
    
    
    <div id="Eck1"></div>
            <div id="Eck2"></div>
    <div id="m1"></div>
    
    
    
       <div id="seite1"></div>
                        <div id="seite2" ></div>
       <div id="text">
    
    blablabla TEXT blablabla
    
    </div>       
    
    
    
    <div id="Eck3"></div>
             <div id="Eck4"></div>
    <div id="m2"></div>
    
    
    
    
    
    
      </center>
    
       </body>
       </html>
    und meinen css code...

    Code:
    #body &#123;
    
    
    background-color&#58; black;
     color&#58; white;
    &#125;
    
    #wrap &#123;
    
    width&#58; 90%;
    
    
    
    background-color&#58; black;
     color&#58; white;
    &#125;
    
    #kopf &#123;
    
    background-color&#58; black;
      color&#58; white;
    &#125;
    
    
    #Eck1 &#123;
        color&#58; white;
    background-color&#58; black;
    background-image&#58; url&#40;gfx/menu/eck1.jpg&#41;;
    float&#58; left;
    width&#58; 40px;
    height&#58; 40px;
    
    &#125;
    
    #m1 &#123;color&#58; white;
    height&#58; 40px;
    background-image&#58; url&#40;gfx/menu/menu2.jpg&#41;;
    
    &#125;
    
    #Eck2 &#123;
    
        color&#58; white;
    background-color&#58; black;
    background-image&#58; url&#40;gfx/menu/eck2.jpg&#41;;
    float&#58; right;
    width&#58; 40px;
    height&#58; 40px;
    &#125;
    
    #seite1 &#123;
    float&#58; left;
    background-color&#58; black;
    background&#58; url&#40;gfx/menu/seitelinks.jpg&#41;;
    width&#58; 40px;
    background-repeat&#58; repeat-y;
    border&#58; 0px;
    background-position&#58; 100%;
    
    &#125;
    
    #text &#123;
    
    
    color&#58; black;
    background-color&#58; #fffedc;
    
    
    
    
    &#125;
    
    #seite2 &#123;
    
    width&#58; 40px;
    height&#58; 200px;
    float&#58; right;
    background-color&#58; black;
    background-image&#58; url&#40;gfx/menu/seiterechts.jpg&#41;;
    border&#58; 0px;
    
    &#125;
    
    #Eck3 &#123;
    
    
    color&#58; white;
    background-image&#58; url&#40;gfx/menu/eck3.jpg&#41;;
    float&#58; left;
    background-color&#58; black;
    width&#58; 40px;
    height&#58; 40px;
    &#125;
    
    #m2 &#123;
     color&#58; white;
    background-image&#58; url&#40;gfx/menu/menu2u.jpg&#41;;
    background-color&#58; black;
    height&#58; 40px;
    width&#58; 100%;
    
    &#125;
    
    #Eck4 &#123;
       color&#58; white;
    background-color&#58; black;
    background-image&#58; url&#40;gfx/menu/eck4.jpg&#41;;
    float&#58; right;
    width&#58; 40px;
    height&#58; 40px;
    &#125;
    
    
    
    * &#123;
    margin&#58; #fffedc;
    border&#58; 0px;
    
    &#125;
    klappt auch fast alles so wie ich es wollte...nach stunden langem herumgeschreibsl und probiern...
    jetzt komm ich aber schon den zweiten tag ned weiter...hab verschiedene seiten durchforstet...dieses buch an der stelle über hintergründe und den begriff float bis zur vergasung gelesen und i komm und komm ned drauf wos hackt!

    also...
    ich kann bei #seite1 und #seite2 keine 100% höhenangabe machen! nur wenn ich eine höhenangabe von mind 175px (so groß is das jpg) eintrage zeigt er die grafik an!
    jetzt isses aba so das i ned bei jeder seite eine genaue px angabe machen möchte...das würde das css wieder unnötig machen dnek i ma...das wär dann mit tabellen wieder viel einfacher....nicht übersichtlicher aber einfacher....

    warum zeigt er mir die grafik ned an wenn i height"100%" eintrage!? und das mit repeat-y geht a ned! er "repeatet" einfach ned!

    bitte um ratschläge...rauskommen soll genau so ein rahmen wie unter der url die ich oben angegeben hab...

    ich weiß echt nicht mehr weiter ]=

    danke schonmal

    lg tigpl
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hi , welchen Browser nutzt du denn?

    versuch mal :
    Code:
    html, body &#123;height &#58;100%;&#125;
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Repeat müsste doch klappen:
    Code:
    background-repeat&#58;repeat-y;

  4. #4
    Meister(in)
    Registriert seit
    15.03.2006
    Beiträge
    316
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Morgen,
    ja das ist einer der Probleme mit CSS, die 100% height werden (teilweise) nicht wirklich interpretiert(?)

    Sieh dir mal diese Seite etwas genauer an:
    http://www.xs4all.nl/~peterned/examples/csslayout1.html

    lg
    michi


    PS: aber im Grunde überwiegen die Vorteile mit CSS, das nur mal so am Rande

  5. #5
    imaginärer User
    Themenstarter

    Registriert seit
    21.05.2007
    Beiträge
    141
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    K.Y.L.T., nein...klappt nicht

    ich verwende firefox 1.5 und 2

    sejuma, nein...schon mehrmals versucht

    mgraf, Danke für den Link...werd mich mal durchboxn..mal schaun obs klappt!

    ---------

    hat sonst niemand mehr alternativen? [=

  6. #6
    imaginärer User
    Themenstarter

    Registriert seit
    21.05.2007
    Beiträge
    141
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    nein funkt alles ned ]=

    sonst noch vorschläge?

  7. #7
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Probier nochmal folgendes, indem du die entsprechenden Angaben einfügst oder ergänzt:

    Code:
    html &#123;
     height&#58;100%;
    &#125;
    body
    &#123;
      min-height&#58;100%;
    &#125;
    * html body
    &#123;
     height&#58;100%;
    &#125;
    Dann noch bei dem Element, das sich "ausdehnen" soll:
    Code:
    height&#58;100%;
    Hier evtl. auch weniger als 100% nehmen, da du die Höhe der vorhergehenden und nachfolgenden Elemente ebenso berücksichtigen musst.

    http://d-graff.de/demos/selfhtml/kop...ispalten1.html

Ähnliche Themen

  1. Problem mit div - Höhe 100%
    Von Alienx im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 23.05.2008, 18:34
  2. DIV Box-Höhe (height) im IE6
    Von Teron Gerofied im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.04.2008, 09:04
  3. Tables und Höhe
    Von im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 07.10.2006, 11:10
  4. <div> Höhe
    Von No0ob im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 03.09.2006, 17:38
  5. td Höhe
    Von Flux im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 07.11.2005, 13:35

Stichworte

Berechtigungen

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