Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 17

Thema: Containerhöhe

  1. #1
    Meister(in)
    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard Containerhöhe

    Hallo,

    mein Problem besteht darin, dass mein Container die Höhe nicht anpasst.
    Ich habe gesagt, dass er die Höhe des Inhaltes annehmen soll aber er macht es nicht.
    Im Internetexplorer 7 geht es aber der Firefox macht mir Probleme, obwohl ich angegeben habe height: 100%;

    Hier die Stylesheets

    Vielen Dank

    Billbos

    Code:
    @charset "utf-8";
    /* CSS Billbos_LAYOUT_Index */
    
    *html {
    margin: 0;
    padding: 0;
    }
    
    body {
       background: #FFF url(../img/background.gif);
       font: 100.01% Arial, Helvetica, sans-serif;
       }
       
    #container {
        background: #FFF url(../img/container/background_container_1.gif) top left repeat-y;
        width: 800px;
    	height: 100%;
    	min-height: 500px;
    	margin: 0 auto;
    	border: 1px solid;
    	}
    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
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    dir ist klar, dass du mit min-height eine minimale Höhe von 500px erzwingst, ja?
    Das heißt, dass er bei Inhalten, die niedriger als 500px sind, trotzdem 500px Höhe nimmt.

    Gruß,
    Jojo

  3. #3
    Meister(in)
    Registriert seit
    05.03.2006
    Alter
    29
    Beiträge
    432
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    und gib dem body und dem html mal auch ein height:100%...

  4. #4
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Also ich habe bei dem Container jetzt die min-height herausgenommen, wobei doch min-height für die Mindesthöhe steht und nicht für max-height?
    Jetzt kommt ragt trotzdem alles aus dem container. Hier der Screenshot!


  5. #5
    Bandit
    Gast

    Standard

    Hähä, wieder so eine lustige sache. Da will jemand für geld homepages basteln und scheitert schon an der eigenen seite. Wer baut dann die seiten für die kunden? Auch wieder forenuser? Das internet verkommt immer mehr zu einem laientreffen

  6. #6
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    HA wenn das meine Homepage wäre würde ich dir Recht geben!

  7. #7
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ganzen Code bitte.

  8. #8
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hier ist der erste Code vom Layout

    Code:
    @charset "utf-8";
    /* CSS Billbos_LAYOUT_Index */
    
    *html {
    margin: 0;
    padding: 0;
    }
    
    body {
       background: #FFF url(../img/background.gif);
       font: 100.01% Arial, Helvetica, sans-serif;
       height: 100%;
       }
       
    #container {
        background: #FFF url(../img/container/background_container_1.gif) top left repeat-y;
        width: 800px;
    	height: 100%;
    	margin: 0 auto;
    	border: 1px solid;
    	}

    DANN DIE NAVIGATION

    Code:
    @charset "utf-8";
    /* CSS NAVIGATION */
    
    
    #navigation {
         width: 800px;
    	 background: #003366;
    	 margin: 0 auto;
    	 padding: 12px 0px 12px 0px;
    	 text-align: center;
    	 border: none;
    	 }
    	 
    #navigation ul {
         display: inline;
    	 margin: 0;
    	 padding: 0;
    	 list-style-type: none;
    	 }
    	 
    #navigation ul li {
         display: inline;
    	 padding: 0;
    	 }
    	 
    #navigation ul li a {
         color: #000;
    	 background: #FFF;
    	 margin: 0;
    	 padding: 2px 5px;
    	 text-decoration: none;
    	 font-weight: bold;
    	 }
    	 
    #navigation ul li a:hover {
         background: #006cad;
    	 border-bottom: 11px solid #FFF;
    	 font-weight: bold;
    	 }
    	 
    	 
    /* Navigation Bottom */
    
    #navibottom {
          width: 800px;
          background: #003366;
    	  font-size: 12px;
    	  margin: 0 auto;
    	  text-align: left;
    	  border-right: 1px solid #000;
    	  border-bottom: 1px solid #000;
    	  border-left: 1px solid #000;
    	  }
    	  
    #navibottom ul {
          display: inline;
          text-decoration: none;
    	  padding: 0;
    	  margin: 0;
    	  }
    	 
    #navibottom ul li {
          display: inline;
    	  padding: 5px 7px;
    	  }
    	  
    #navibottom ul li a {
          color: #000;
    	  background-color: #FFF;
    	  margin: 0;
          padding: 0;
    	  text-decoration: none;
    	  font-weight: bold;
    	  }
    	  
    #navibottom ul li a:hover {
          color: #000;
    	  background-color: #999;
    	  font-weight: bold;
    	  }


    FONTS
    Code:
    @charset "utf-8";
    /* CSS Billbos_FONT_index */
    
    /* Headings */
    
    h1.angebote {
       color: #FFF;
       text-align: center;
       }
       
    h1 {
    	color: #FFF;
    	text-align: center;
    	padding: 5px; /*???*/
    	margin: 0 0 10px 0;
    }
       
    .zusatzangebot {
       color: #000;
       font: Arial, Helvetica, sans-serif;
       font-size: 18px;
       text-align: center;
       padding: 5px;
       }
       
    /* Paragraphen */
    
    .zangebot {
       text-align: left;
       color: #0000FF;
       font-weight: bold;
       }
       
    .angebotlist {
       text-align: left;
       color: #0000FF;
       font-weight: bold;
       }

    DEFAULT (PROBLEM)?

    Code:
    @charset "utf-8";
    /* CSS DEFAULT_index */
    
    * html {
      margin: 0;
      padding: 0;
      }
    
    /* Header */
    
    #header {
        background: #003366 url(../flash/index_header/header_1.swf) no-repeat top;
    	margin: 0 auto;
    	}
    	
    /* Bildercontainer */
    
    #piccontainer {
        width: 770px;
    	height: 280px;
    	background: #FFF;
    	margin: 0 auto;
    	border: 1px thin #000;
    	}
    	
    
    /* Angebote */
    
       /* Box aussen */
    
    #bildbox {
         background: #FFF;
    	 float: left;
    	 width: 150px;
    	 height: 270px;
    	 border: 1px solid #000;
         margin: 5px 5px 5px 0;
    	 padding: 5px;
    	 }
    	 
       /* Box innen */	 
    	
    #boxinside {
          background: #000;
    	  width: 140px;
    	  height: 100px;
    	  border: none;
    	  margin: 0px auto;
    	  }
    	  
    #zusatzangebot {
          width: 255px;
    	  float: left;
    	  height: 270px;
    	  border: 1px dotted #000;
    	  margin: 5px 0px 5px 0;
    	  padding: 5px;
    	  }
    	  
    /* Zusatzangebot Liste */
    
    #zlist ul {
    	list-style-type: none;
    	margin: 0;
        } 
    	  
    #zlist li {
    	list-style-image: url(../img/index/arrow-right.gif);
    	padding: 3px;
    	margin: 0;
        }
    	
    /* Angebot Liste */
    
    #angebotlist ul {
        list-style-type: none;
    	margin: 0;
    	}
    	
    #angebotlist li {
        list-style-image: url(../img/index/arrow-right.gif);
    	padding: 1px;
    	margin: 0;
    	}

  9. #9
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    und das html dazu?
    Oder besser: Link dazu.

  10. #10
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard


Ähnliche Themen

  1. Containerhöhe will nicht mitwachsen!
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 01.08.2008, 01:49

Stichworte

Berechtigungen

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