hintergrund bei container wie bei container-fluid

skyfin · 27. Oktober 2018

Ich möchte den Hintergrund bei einem div-container komplett wie bei einem div - container-fluid machen.

basti1012 · 27. Oktober 2018

ja mach das

skyfin · 27. Oktober 2018

funktionert nicht, weil der container von bootrstrap die erste und letzte spalte nicht mitnimmt. ich brauch den container-fluid wegen der relativen schriftangabe, sonst funktionert die responsive formatierung nicht

basti1012 · 27. Oktober 2018

du solltest erstmal zeigen was du da genau gemacht hast was du genau vor hast und auch vieleicht einen Link zur Seite oder deinen Code posten.

So kann dir keiner helfen außer zu sagen gehe goggeln. Aber das hilft dir jetzt auch nicht.

Also bitte mehr input für uns

skyfin · 27. Oktober 2018

HTML

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Personal Agentur Lupo">
    <meta name="keywords" content="Personalagentur, Zeitarbeit, Arbeit, München, Lupo">
    <meta name="author" content="Fin, Andre Dierl">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="(min-width: 800px)" href="css/headerdestop.css">
    <link rel="stylesheet" type="text/css" media="(max-width: 800px)" href="css/headermobile.css">
    <link rel="icon" href="bilder/logo.png" type="image/x-icon">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    </head>
   
Das ist der head vom Header, der mit php verknüpft ist

Alles anzeigen

skyfin · 27. Oktober 2018

HTML

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Für Unternehmer</title>
    <meta name="description" content="Personal Agentur Lupo">
    <meta name="keywords" content="Personalagentur, Zeitarbeit, Arbeit, München, Lupo">
    <meta name="author" content="Fin, Andre Dierl">
    <link rel="stylesheet" type="text/css" href="css/funternehmer.css">
</head>
<body>

<!-- section fUnternhmer-->
<!-- section 1 -->
<section class="unternehmer">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <img id="picmuc" src="bilder/picmuc.jpg">
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12">

                <h1>Für Unternehmer</h1>
                <div>
                    <!-- bild 1 -->
                    <img id="picfUnternehmer1" src="bilder/funternehmer1.jpg">
                    <h2>Speziell für Ihr Unternehmen ausgewähltes Fachpersonal.</h2>

                    <p> Die Anforderungen an Personalabteilungen sind in den letzten Jahren signifikant gestiegen und
                        werden auch
                        weiter in den Jahren steigen.
                        Operative Aufgaben binden immer mehr Ressourcen und innovative Impulse zur Sicherung der
                        Zukunftsfähigkeit
                        des Unternehmens ein.
                        Die Steigerung des Aufwands im Personalmanagement sind hierbei besonders entscheidend. Die
                        Verantwortung von
                        Entscheidern bei der Suche
                        und Auswahl von Angestellten ist groß, denn Mitarbeiter tragen mit ihren Fähigkeiten und ihrem
                        Wissen
                        entscheidend zum Unternehmenserfolg bei.
                        Es gilt, die richtigen Kandidaten schnell, zielsicher anzusprechen und zu begeistern. Dabei hat
                        sich das
                        Recruiting von Führungskräften,
                        Fachkräften und Hilfskräften am Kandidatenmarkt stark gewandelt. Die Digitalisierung hat ein
                        neues Zeitalter
                        eingeläutet und stätig wachsende
                        Anforderungen haben das Personalmanagement grundlegend weiterentwickelt. Als Personaldisponent
                        und
                        Personalmanager ist Personal Agentur Lupo
                        dafür verantwortlich individuell für Ihr Unternehmen das optimale Personal zu finden um eine
                        lange und
                        zufriedene Partnerschaft zwischen
                        Angestellten und Unternehmen zu ermöglichen.</p>
                </div>
            </div>
        </div>



        <!-- Ab hier soll der komplette Hintergrund grau werden -->




        <div id="gray">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <!-- bild 2 -->
                        <img id="picfUnternehmer2" src="bilder/funternehmer2.jpg">
                        <h2>Umsatzsteigerungen durch Fokussierung und Entlastung.</h2>

                        <p>Als Leiter eines Unternehmens stehen Sie meist vor 1000 Aufgaben die gleichzeitig und am
                            optimalsten sofort
                            erledigen werden sollen!
                            Unerheblich ob aktuell eine Hochsaison in Ihrer Unternehmen ist und somit
                            Höchstauftragszeit, Personalmangel
                            durch Personalabgang oder
                            durch zu starke Expansion Ihres Unternehmen, Personalengpässe gehen immer direkt Negativ auf
                            den Umsatz
                            Ihrer Firma. Um Ihre Kapazitäten
                            zu unterstützen und zu steigern ist Personal Agentur Lupo spezialisiert diese Engpässe
                            möglichst
                            umsatzstärk, reibungslos und effektiv
                            zu kompensieren damit diese „Probleme" der Geschichte angehören und Sie sich auf das
                            Kerngeschäft besser
                            Fokussieren können.</p><br>





                        <!-- Bis hier soll der komplette Hintergrund grau werden -->





                        <!-- bild 3 -->

                        <h2>Wenige Personalabteilungs-Aufwand bis zur kompletten Outsourcing.</h2>
                        <img id="picfUnternehmer3" src="bilder/funternehmer3.jpg">
                        <p>Die Personalabteilungen und das damit verbundene Personalmanagement können viel Zeit und
                            aufwand in Anspruch
                            nehmen. Durch unsere
                            Unterstützung im Bereich Human Resources Management (HRM) helfen wir aktiv diesen
                            Abteilungen Aufgaben wie
                            Bewerberakquise,
                            Bewerbersortierung, Qualifikationsprüfung und nach erfolgreicher Vermittlung die
                            Personalverwaltung der
                            eingesetzten Angestellten.</p>

                        <p>Wenn Sie mehr über uns und unsere Leistungen erfahren möchten, schreiben Sie uns eine Mail an
                            info@personal-agentur-lupo.de oder
                            rufen Sie uns unter der 0176/72426019 an.<br><br>
                            Für Unternehmen, Für Bewerber gegen Arbeitslosigkeit.


                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
</html>

Alles anzeigen

skyfin · 27. Oktober 2018

Code

/* section fUnternehmer */

/*bild 1 */
#picmuc {
    width: 100%;
    height: auto;
}

@media (min-width: 800px) {
    #picmuc {
        margin-top: 70px;
    }
}

section.unternehmer {
    font-size: 1.2em;
}

section.unternehmer h1 {
    margin-top: 1em;
    text-align: center;
}

section.unternehmer img {
    width: 18em;
}

/* bilder 1*/
#picfUnternehmer1 {
    float: right;
    margin-top: 2.8em;
    margin-left: 1.5em;
}

/* bilder 2*/
#picfUnternehmer2 {
    width: 16em;
    height: auto;
    margin-top: 1em;
    margin-right: 1.5em;
    float: left;
}

/* bilder 3*/
#picfUnternehmer3 {
    float: right;
    margin-bottom: 1em;
    margin-left: 1.5em;
}

/* silbentrennung */

p {
  hyphens: auto;
}

#gray {
    background-color: #9d9d9d;
}

Alles anzeigen

skyfin · 27. Oktober 2018

Das ist alles was mit dem Problem zusammen hängt. Die html- dateien sind mit php "include" verbunden

basti1012 · 27. Oktober 2018

was soll das container-fluid eigentlich genau machen ?

Da es bootstramp ist müsste ich ich mich da erst einlesen. Du schreibst in deinen quellttext das es bis dahin grau werden soll,aber das ist ja nicht so.

Muss das problem mit bootstramp gelöst werden oder geht das auch anders?

Ich bin gerade am überlegen wer hier die meiste ahnung von bootstramp hat ,aber die ich glaube sind selten online. Zumndest schreiben die nicht sehr oft.

Sobald ich das problem verstanden habe werde ich mal kucken ,aber vieleicht meldet sich noch einer der mit Bs vertraut ist

hintergrund bei container wie bei container-fluid

Jetzt mitmachen!

Teilen