mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 05:48 Benutzername: Passwort: Auto-Login

Thema: CSS Container wird nicht genommen vom 05.12.2015


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> CSS Container wird nicht genommen
Autor Nachricht
sddesigns
Threadersteller

Dabei seit: 14.02.2014
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst Sa 05.12.2015 21:48
Titel

CSS Container wird nicht genommen

 Antworten mit Zitat Zum Seitenanfang
Hallo Zusammen,

es hat alles funktioniert (Header zentriert mit einer max. Breite und innen DIVs mit float.
Und wie aus dem Nichts werden alle CSS Anweisungen des Containers bei der Darstellung des Headers ignoriert und gar nicht genommen. Das Selbe auch für den farbigen Balken. Eben wurde es noch genommen und schon wird es ignoriert. Hier ein Ausschnitt aus meinem Code:


Code:
<div id="header">
    <div id="headerLeft">
    <div class="headerTitle">Text</div>
    <div class="headerSubtitle">Text</div>
    </div>

    <div id="headerRight">
    <div class="headerTitle">☎&nbsp;&nbsp;0123456789</div>
    <div class="headerSubtitle">
    <div class="navi"><a href="praxis.html" title="Praxis">Praxis</a></div>
    <div class="navi"><a href="psychotherapie.html" title="Psychotherapie">Psychotherapie</a></div>
    <div class="navi"><a href="coaching.html" title="Beratung">Beratung</a></div>
    <div class="navi"><a href="abrechnung.html" title="Abrechnung">Abrechnung</a></div>
    <div class="navi"><a href="kontakt.html" title="Kontakt">Kontakt</a></div>
    </div>   
    </div>
</div>

<div style="clear:both;" />

<div id="headerLine">
    <div class="red">&nbsp;</div>
    <div class="black">&nbsp;</div>
    <div class="darkGray">&nbsp;</div>
    <div class="gray">&nbsp;</div>
</div>

<div style="clear:both;" />


CSS:
Code:
#header {
   max-width: 950px;
   height: 50px;
     margin: 0px auto;
   padding: 15px 0px 10px 0px;
   }
   
#headerLeft {
   max-width: 350px;
     margin: 0px;
   padding: 0px;
   text-align:left;
   float:left;
   }
   
#headerLeft .headerTitle{
   font-size: 26px;}

#headerLeft .headerSubtitle{
   font-size: 11px;
   padding-top:10px;
}   

#headerRight {
   max-width: 600px;
     margin: 0px;
   padding: 0px;
   text-align:right;
   float:right;
   }      

#headerRight .headerTitle{
   font-size: 20px;
   font-weight:bold;
}

#headerRight .headerSubtitle{
   font-size: 12px;
   padding-top:10px;
   text-transform: uppercase;
}   

#headerRight .navi{
   padding-left:20px;
   float:left;
}

#headerRight .navi a{
   color: #000000;
   text-decoration:none;
}   

#headerRight .navi a:hover{
   color: #606060;
   text-decoration:underline;
}   

<!-- ----------------------- Header Title END ----------------------- -->   

<!-- ----------------------- Header Color Line Blocks ----------------------- -->   

#headerLine {
   width: 100%;
   height: 7px;
   margin: 0;
   padding: 5px 0px 0px 0px;
   }

#headerLine .red{
   width: 40%;
   background-color:#9b190f;
   float:left;
   }   

#headerLine .black{
   width: 40%;
   background-color:#000000;
   float:left;
   }

#headerLine .darkGray{
   width: 10%;
   background-color:#5a5a5a;
   float:left;
   }
   
#headerLine .gray{
   width: 10%;
   background-color:#aaaaaa;
   float:left;
   }



Grüße
Sabine[/code]
  View user's profile Private Nachricht senden
Piki

Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst So 06.12.2015 14:31
Titel

Re: CSS Container wird nicht genommen

 Antworten mit Zitat Zum Seitenanfang
sddesigns hat geschrieben:

<!-- ----------------------- Header Title END ----------------------- -->

<!-- ----------------------- Header Color Line Blocks ----------------------- -->

Ersetze die HTML- durch CSS-Kommentare:

/* ----------------------- Header Title END ----------------------- */

/* ----------------------- Header Color Line Blocks ----------------------- */
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sddesigns
Threadersteller

Dabei seit: 14.02.2014
Ort: Berlin
Alter: -
Geschlecht: Weiblich
Verfasst So 03.01.2016 13:59
Titel

Antworten mit Zitat Zum Seitenanfang
Da war ich wohl wieder betriebsblind. Das war der Fehler.
Vielen Dank für die einfach, dennoch sehr hilfreiche Antwort.
  View user's profile Private Nachricht senden
 
Ähnliche Themen DIV-Container soll anderen DIV-Container verdrängen
DIV Container bei Mouseover über DIV Container anzeigen
CSS: Container im Container Vertikal zentrieren
Variabler Div-Container bis zum mittigen Div-Container
CSS - was ist ein div-container?
[css] div-container Höhe
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB