Ich möchte den Hintergrund bei einem div-container komplett wie bei einem div - container-fluid machen.
hintergrund bei container wie bei container-fluid
-
-
ja mach das
-
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
-
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
-
HTML
Alles anzeigen<!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
-
HTML
Alles anzeigen<!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>
-
Code
Alles anzeigen/* 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; }
-
Das ist alles was mit dem Problem zusammen hängt. Die html- dateien sind mit php "include" verbunden
-
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
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!