Hallo, ich bin neu hier und hoffe ich kann mein Anliegen hier veröffentlichen.
Ich bin seit einigen Jahren bei einem Homepage-Baukasten Anbieter angemeldet, von hier aus wird auch meine Webseite gehostet, nun habe ich ein "großes" Problem, was mich schon seit einigen Tagen so richtig beschäftigt und mir keine Ruhe lässt.
Eines vorweg, ich habe hier die Forum-Suche bedient, nur finde ich nicht dass, was mein Problem "beruhigen" tut.
Und zwar, ragt die Div-Box über den Div-Container hinaus, obwohl ich der Div-Box eine Weite von 100% gegeben habe.
Da ich auch nur wirklich ein paar Grunderfahrungen in Sachen CSS und HTML habe, daher meine Frage an alle wo sich besser mit CSS und HTML auskennen, wieso ragt die innere Div-Box aus dem Div-Container hinaus?.. was muss ich beachten, damit die Box im Container bleibt, ohne dass sie über den Container hinaus geht?...
Hier ein Beispiel:
<style type="text/css">
.container {
max-width: 90%;
width: 500px;
height: auto;
margin: 0px auto 0px auto;
padding: 10px 10px 10px 10px;
position: relative;
background-color: #555555; }
.box {
width: 100%;
padding: 10px 10px 10px 10px;
display: inline-block;
background-color: #bbbbbb; }
</style>
<div class="container">
<div class="box">Hier der Inhalt hinein</div>
</div>
Alles anzeigen
Nun, dass komische an der ganzen Sache ist, dass das auf meiner Webseite zwar geht - ( Webseite besteht aus 50% Fertg-Theme und 50% selbst erstellt ) - aber sobald ich das ganze beispielsweise im "Basisdesign CSS-Design für Profis" des Homepage-Anbieters oder im normalen Windows-Editor eingebe, und hier mir das ganze anschaue, dann funktioniert das ganze nicht.
Noch ein Beispiel:
Ich habe mir das hier: ( siehe Video-Link )
- auf manchen Seiten nachgebaut, nur die Breite des Span-Elements ragt ebenso bei mir über den Container beziehungsweise über das Hintergrundbild hinaus, obwohl auch hier die Angabe 100 Prozent gemacht wurde, und der Herr im Video hat auch die Breite von 100 Prozent angegben und hier scheint es auch funktioniert zu haben.
Ich könnte hier zwar die Breite auf "auto" setzen, das aber nicht Ziel der Sache ist, da sich dann das Span-Element dem Inhalt anpasst, und nicht auf die volle Breite angezeigt wird, und dass wünsche ich mir so eben nicht.
Das macht mich noch Wahnsinnig, da ich nun auf meiner Webseite alle Breite-Angaben "100%" gegebenenfalls jetzt ändern muss, und ich habe dieses schon auf mehreren Seiten so schon erstellt beziehungsweise benutzt .
Ich hoffe jemand kann mir weiter helfen, und würde mich über Antworten sehr freuen.
Liebe Grüße, Patrick