Hilfe mit Prozentangaben

nadjak · 17.05.2011

Hallo,

ich habe mein Layout so aufgebaut, daß es sich an die Fenstergröße anpassen soll (also die Höhe mit Prozentangaben). Im body steht die Höhe mit 100% drin. Leider interessiert die Browser meine Höhenangaben nicht. Weiß jemand von euch einen Rat?
Danke schonmal
lg Nadja

leveler · 17.05.2011

AW: Hilfe mit Prozentangaben

moinmoin, zeig doch mal den code her, dann kann man evt was dazu schreiben....

nadjak · 17.05.2011

AW: Hilfe mit Prozentangaben

css:

Code:

body{
  background:#ffffff;
  font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color:#000000;
  margin:0px;
  padding:0px;
  height: 100%;
  top:0px;
  left:0px;

}

/* Farbbalken im Hintergrund*/

#dunkelganzschmal{
   height: 1%;
   min-height: 3px;
   background: #ac632f;
}
#hellganzschmal{
   height: 5%;
   min-height: 7px;
   background: #faae67;
}
#dunkelmitlogo{
   height: 25%;
   background: #ac632f;
   min-height: 130px;
}

HTML:

Code:

<body>
   <div id="dunkelganzschmal">&nbsp;</div>
   <div id="hellganzschmal">&nbsp;</div>

   <div id="dunkelmitlogo">
     <div class="mitteheader">
       <ul>
        <li class="menue1"><a href="impressum.html">Impressum</a></li>
        <li class="menue1"><a href="kontakt.html">Kontakt</a></li>
        <li class="menue1"><a href="ueberuns.html">Über uns</a></li>
       </ul>
       </div>
       <div class="mitteheader">
       <img class="logo" src="http://www.psd-tutorials.de/forum/images/augen.jpg" alt="Medien imBlick- Webentwicklung, Programmierung, CMS, Ebersberg" border="0" width="546" height="120">
     </div>
   </div>

lg NAdja

jackprince · 17.05.2011

AW: Hilfe mit Prozentangaben

Als erstes, bitte editiere deinen beitrag und setze deine Angaben in die entsprechenden Boxen die der Editor hier bietet. (über dem Feld wo du den text rein schreibst hier gibts Knöpfe.)

Als zweites, der Body ist standard immer 100% vom Viewport des Browsers.
Du hast für den "body" einen weißen Hintergrund "background:#ffffff;".

Angenommen du möchtest den braunen hintergrund über die ganze Seite haben,
dann sollte es nicht lauten

HTML:

#dunkelmitlogo{
   height: 25%;
   background: #ac632f;
   min-height: 130px;
}

sondern

HTML:

#dunkelmitlogo{
    height: 100%;
    background: #ac632f;
    min-height: 130px;
 }

Ansonsten erkläre dein Problem bitte genauer. Nutze notfalls ein Bildbearbeitungsprogramm und fertige eine Skizze deinen Wunschlayouts an.

Tante Edith meint:

Sollte dich eine Art kleiner Rand oder so etwas stören, dann
setze an der Anfang der CSS noch

HTML:

body, html {
 margin: 0;
 padding: 0;
}

gruß,

Daniel

nadjak · 17.05.2011

AW: Hilfe mit Prozentangaben

der Hintergrund soll schon weiß sein. Es sollen von oben nach untern verschiedenfarbige und verschiedenbreite Balken sein. Je nachdem welche Bildschirmgröße man hat, sollen die Balken halt dicker oder nicht so dick sein. Daher die Prozentangaben.
Das mit den Kästen beim editieren versteh ich leider nicht....
lg Nadja

the_jojo · 20.05.2011

AW: Hilfe mit Prozentangaben

Grundsätzlich solltest du das ganze mal mit fülltext füllen und eine breite angeben
(10%höhe bei 0px breite sind nicht zu sehen).

den body musst du nicht extra auf 100% setzen, das ist er automatisch.
Wenn ich das richtig interpretiere fehlen auch noch position angaben.

Falls ich das jetzt falsch vertsanden haben sollte, würdest du eine skizze machen?

nadjak · 23.05.2011

AW: Hilfe mit Prozentangaben

Vielen lieben Dank für deine Antwort und deine Mühe. Seit Freitag habe ich das Problem gelöst. Es fehlte height:100% im html-Tag
lg NAdja