Wie bekomme ich den #footer über die komplette Breite der Internetseite?

Guten Abend zusammen!

Ich bin meiner Freundin gerade eine kleine Homepage am basteln und noch lang kein Profi oder so ;-) Nur so langsam fang ich an zu erbrechen.

Das ist die Homepage um die es geht: http://vdb.bplaced.net/enjoy-listening/

Problem ist das der Footer einfach nicht über die komplette Breite gehen will.

Bei google hab ich eine Seite gefunden, leider darf man nur einen Link posten. Jedenfalls Hab ich mir den Code kopiert -> eingefügt aber funzt trotzdem nicht

ww.gelborangerot.de/Horizontal/Horizontal.htm

Hab sogar schon die kompletten einstellungen von der Seite übernommen aber es will einfach nicht funktionieren. Irgendwo hat sich da wohl ein Fehler eingeschlichen den ich einfach nicht finde :-(

Freue mich über jede Hilfe

Grüße !!

3 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

Aiwdonline

21.09.2012, 23:46

Du musst in deinen Css code folgendes hineinschreiben:

html{
              padding: 0px;
    }

Denn HTML macht von ganz alleine einen Padding auf deiner Seite :D

verderber84

Beitragsersteller

22.09.2012, 11:38

margin: 0px; padding: 0px;

hab beides in body eingefügt jetzt funzt es !!!!!!!!!!!! :DDDDDD partyyyyy

heffenberg

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Webseite

22.09.2012, 01:09

Das ist komisch. In Deiner Antwort auf TheOracle schreibst Du unter

footer {

height: 65px;  
width: auto;

In der CSS-Datei Deiner Seite selbst aber schreibst Du:

footer {

height: 65px;
width: 952px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #000;

Da darfst Du Dich nicht wundern, wenn der Footer nur 952 Pixel breit ist. Schreib doch statt dessen:

width: 100%;

verderber84

Beitragsersteller

22.09.2012, 10:41

http://www.gelborangerot.de/Horizontal/Horizontal.html

ich hab das so gemacht wie es da auch ist. Quasi div im div ;) also footer hat seitenbreite und footer_out soll komplett nach links und rechts weggehen

verderber84

Beitragsersteller

22.09.2012, 10:28

Moin Moin ;-) hatte die aktuelle css datei noch nicht hochgeladen

TheOracle

21.09.2012, 23:31

Versuch mal in der CSS Datei die Breite (width) vom Footer auf "auto" zu setzen.

verderber84

Beitragsersteller

21.09.2012, 23:35

Hab ich gemacht. Keine veränderung.

Auf der anderen Homepage wo es richtig is fehlen beim Footer irgendwie links und rechts die begrenzungen. Bei meiner Seite sind die geschlossen.

verderber84

Beitragsersteller

21.09.2012, 23:41

@verderber84

@charset "utf-8"; body { background-image: url(../images/body_bg.jpg); background-repeat: repeat-x; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #000; background-color: #b279be; }

header {

height: 120px;
width: 950px;
margin-right: auto;
margin-left: auto;
background-color: #b279be;

}

navi {

height: 45px;
width: 950px;
margin-right: auto;
margin-left: auto;
background-color: #333;

}

content_pic {

height: 270px;
width: 920px;
margin-right: auto;
margin-left: auto;
background-color: #e5e5e5;
margin-top: 30px;

}

content {

height: auto;
width: 950px;
margin-right: auto;
margin-left: auto;

}

wrapper_out {

width: 950px;
margin-right: auto;
margin-left: auto;
height: auto;
background-color: #e5e5e5;
padding-bottom: 10px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000;
border-left-color: #000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;

}

content_text {

height: auto;
width: 850px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
margin-top: 30px;
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
background-image: url(../images/handschrift1.png);
background-repeat: no-repeat;
background-position: right bottom;

}

content_bild {

height: 300px;
width: 200px;
float: left;

}

content_info {

height: 300px;
width: 400px;
float: right;
margin-right: 215px;

}

footer {

height: 65px;
width: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #000;

}

footer_out {

height: 65px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(../images/footer.jpg);
background-repeat: repeat-x;
background-position: top;
width: auto;

}

Vielleicht hilft das ja weiter :)

TheOracle

22.09.2012, 00:05

@verderber84

hm ... ich weiß jetzt nicht ob footer oder footer_out der footer ist den du meinst. Füg mal in den richtigen position:fixed; ein oder position:relative;

verderber84

Beitragsersteller

22.09.2012, 10:33

@TheOracle

Moin ! es geht um den footer_out

und HA HA mit position:fixed geht er jetzt zumindestens schonmal nach rechts über den rand hinaus :-) fehlt nur noch die linke Seite.

http://vdb.bplaced.net/enjoy-listening/

Ähnliche Beiträge

Word: Kopierter Text ist zu schmal - nutzt nicht die komplette Seite

Ich hba e einen Text von einer Internetseite kopiert und ein Word 2003 Dokument eingefügt. Der Text hat jetzt aber seine Form beibehalten, d.h. er geht nur ungefähr bis zur Hälfte der Seite und dann beginnt eine neue Zeile. Ich habe schon die Randeinstellungen überprüft und Blocksatz eingestellt. Könnt ihr mir helfen?

...zum Beitrag

Warum ist meine Kamera bei Snapchat plötzlich verzerrt?

Ich habe heute morgen mein Snapchat geöfftet, doch die innen- und frontkamera ist im vertikalen modus so, als hätte ich das handy in der horizontalen. Sprich: das bild ist komplett in die breite verzerrt.

Deinstallieren/handy neustarten hat nicht funktioniert und ich würde mich über hilfe freuen!

...zum Beitrag

Wie kann man in einem HTML Template einen Seitenumbruch erzwingen?

Ich bearbeite zurzeit ein HTML Drucktemplate welches aus header body und footer besteht. Nun habe ich einen Ersetzer im Body eingefügt, welcher einen Datensatz automatisch einspielt. Problem ist nun, dass wenn der Datensatz zu groß ist, die Schrift des bodys über der des footers steht, quasi überschrieben. Ich suche nun nach einer Funktion, die den body, sobald er den footer "berührt", auf die nächste Seite schiebt, allerdings nicht komplett, sondern nur der teil, der den footer "überschreiben" würde. Habe es schon mit der page break funktion versucht, leider erfolglos. Falls dies die richtige Funktion ist, bitte ich um eine genauere Erklärung, falls nicht, bitte sonstige Lösungsvorschläge. :)

Vielen Dank im Vorraus!!

...zum Beitrag

Dringend Hilfe! Word text verschiebt sich von selbst komplett nach rechts, ist noch da aber Formatierung falsch davor waren es 4 seiten jetzt nur knapp 2?

Brauche dringend hilfe! Word text hat sich nach rechts verschoben nicht mehr sichtbar geht über die seite einfach hinaus was tun? Hatte einmal alles kopiert gehabt auch den nicht sichtbaren text und wo anders eingefügt, also der text ist noch da aber es ist einfach plötzlich verschoben!

so sieht es jetzt aus:

und so sah es davor aus:

Bitte um Hilfe! Müsste heute abgegeben werden.

...zum Beitrag

Wie/womit kann ich extrem starke Verkalkung von einem Fenster entfernen?

Hallo, gelegentlich reinige ich die Schaufenster eines Blumenladens. Da der Händler die vor den Fenstern auf Rollwagen ausgestellten Pflanzen täglich gießt werden die Scheiben auch jedesmal komplett gewässert und der Kalk baut sich sehr stark auf. Ich habe das übliche UNGER Besteck (Mob, Abzieher und Klinge), ein Leder und Microfasertuch. Zum einwaschen nehme ich Wasser mit CVK21. Soweitsogut! Um die Kak"beschichtung" loszuwerden habe ich es bissher mit Essigessenz versucht. Das funzt nicht wirklich weil der essig nicht netzt und wegtrocknet befor sich eine sichtbare Wirkung einstellt. Es sind übrigens Alu Rahmen die schon leicht angegriffen sind. Fläche sind 26qm

Welche Chemie hilft hier? Wie geht ein Profi gegen massiven Kalk vor? Was würde eine derartige Grundreinigung von einem Fachmann kosten?

greez - s.d.

...zum Beitrag

Wordpress WPBakery Textblock mittig?

Hey zusammen,

ich habe ein Problem beim ändern einer Homepage. Ich habe ein Vorgefertigtes Wordpress Template gekauft. Nun wollte ich ein Textfeld einfügen das mittig in der Homepage sein soll.

Allerdings geht mein Feld komplett über die Seite. Nun wollte ich mal wissen wie/wo man einstellen muss das es mittig ist. Und kann man die Textbox dann auf sagen wir mal 500px breite begrenzen?

So wie auf dem Bild sollte es in etwa aussehen, nur das rechts und links selbstverständlich die selbe Farbe wie dort drunter ist.

...zum Beitrag

Fake Account hate?

Hey Leute,

Eine kurze Frage.

Mir hat heute ein Fake Account geschrieben und eine üble Nachrede dahingestellt. Und es ist echt nicht ohne.

Ich konnte an der Schreibweise tatsächlich erahnen wer das war.

Hab dann bei Instagram den Namen kopiert, bei Anmeldedaten den Namen eingefügt und auf Passwort vergessen geklickt. Da wird dann eine Handy Nummer angezeigt (nicht komplett (bsp: +49 *** **** 32)

Dann hab ich ihren richtigen Account genommen und das selbe gemacht habt wieder die selbe Nummer raus.

Wie hoch ist die Wahrscheinlichkeit, dass sie es nicht war? Was meint ihr?

...zum Beitrag

Wie kann ich eine bereits bestehende Excel Liste spiegeln?

Hallo Leute, ich möchte eine bereits bestehende Excel Liste spiegel. Das heißt ich möchte die kompletten Daten in eine neue Mappe einfügen. Die neue Mappe soll sich automatisch aktualiseren, sobald etwas in der alten Liste ändert. In der neue Liste möchte ich dann noch extra Spalten einfügen, die in der alten Liste nicht erscheinen sollen.

Ich habe die Daten bereits kopiert und in die neue Mappe eingefügt. In Zellen, wo in der alten Liste nichts drin steht, steht in der neuen immer eine "0".

Diese kann ich aber nicht löschen, es kommt dann eine Fehlermeldung: "Teile eines Arrays können nicht geändert werden.

Kann mir dazu jemand helfen?

...zum Beitrag

Bild im footer?

Guten Tag

Ich habe ein Problem mit einem Bild im footer (statt wie beim letzten Mal in der Navbar).

Mein HTML Footer:

<h3>Matthias<span>Heiniger</span></h3>

<a href="#">Bewerbung</a>

<a href="#">Projekte</a>

<a href="#">Workbooks</a>

<a href="#">Kontakt</a>

</p>

</div>

</footer>

Mein CSS Code für das Bild zum einfügen:

footer {

background-image: url(/03_HTMLCSS/01_Website/Bilder/VektorDesignElemente/png/UntenLnks2_1.png);

background-repeat: no-repeat;

background-size: 19%;

position: relative;

z-index: 1;

font-size: 25px;

padding: 0;

}

Momentan wird das Bild so angezeigt:

Mein Problem: Das Bild (Das Blaue Bild) möchte ich unten Links platzieren aber es geht nicht bis an den "Boden"

Vielen Dank für die Antworten

Freundliche Grüsse

...zum Beitrag

Wie kann ich mit HTML/ CSS DIV Tags bündig an den Rand anpassen?

Ich habe folgendes Problem mit Html/Css. Ich möchte gerne einen div tag auf einer Website ganz oben ansiedeln. Das einzige Problem was ich dabei habe ist, dass ich es nicht bündig hinbekomme. Zwar schließen die Div Tags untereinander bündig ab, aber jeweils am Rand der Website bleibt ein Spalt über. Mit Margin & Padding klappt es leider auch nicht. Ein Beispiel Quelltext habe ich hier:

<head>
<style type="text/css">
#do {
background-color:grey;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
#di {
background-color:red;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
</style>
</head>
<body>
<div id="do">
Hallo
</div>
<div id="di">
Hallo
</div>
</body>

PS: Das ist nur ein Beispiel, welches mein Problem verdeutlichen soll. Ich hoffe ihr könnt mir helfen.

...zum Beitrag

HTML CSS Website Footer wird im Container angezeigt, obwohl er nicht drin ist?

Hallo,

Ich "programmiere" gerade ein wenig mit HTML und CSS und baue eine Website mit einem Head, einer Main und einem Footer. Mein Problem ist, dass alle Elemente der Website nach der Main (bei mir heißt sie "Container") trotzdem noch innerhalb des Containers angezeigt werden. Somit ist bei mir der Footer im Container Main, obwohl der Container vorher schon geschlossen wurde.

-------------------------------------------------------------------------------------

HTML CODE:

<!DOCTYPE html>
<html>
 <head>
  <title>Aufgabe 1</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" type="text/css" href="style.css" />
 </head>
 <body>
  <header>
   <header1 class="item1">
    <h2>FeWos</h2>
   </header1>
  </header>
  <div" class="container">
   <div class="b1">
    <div>
     <h1>Item 1</h1>
    </div>
    <div class="bild1">
     <img src="pingu.png" width="50%" height="50%">
    </div>
   </div>
   <div class="b1"><br>Box 2</div>
   <div class="b1"><br>Box 3</div>
   <div class="b1"><br>Box 4</div>
   <div class="b1"><br>Box 5</div>
   <div class="b1"><br>Box 6</div>
  </div>
  <footer>
   <p>Hallo</p>
  </footer>
 </body>
</html>

----------------------------------------------------------------------------------------------------

CSS CODE:

body {
  margin: 0;
}
header {
  height: 120px;
  background-color: rgb(43, 43, 43);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.container {
  border: 3px solid;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 90px;
  padding: 90px;
}
.b1 {
  display: flex;
  background-color: rgb(93, 161, 224);
  width: 30%;
  height: 500px;
  flex-grow: 1;
  transition: transform 0.2s ease-out;
  border-radius: 20px;
}
.b1:hover {
  transform: scale(1.05);
}
.bild1 {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  width: auto;
  height: auto;
}
footer {
  background-color: rgb(43, 43, 43);
  width: 100%;
  height: 120px;
  padding: 0px;
}

----------------------------------------------------------------------------

Wie man sehen kann wird der "container" mit </div> abgeschlossen, aber der Footer ist trotzdem im Container. Hoffe mir kann jemand bei dem Problem helfen.

Auf dem Bild kann man das auch ganz gut sehen. Das anthrazit farbige soll der Footer sein und dieser liegt innerhalb des Containers, welcher zur Sichtbarkeit eine Umrandung hat.
Würde mich echt freuen, wenn mir jemand weiterhelfen kann. Hab auch Chat GBT schon gefragt, aber Chat GPT sagt, dass der Code ganz normal ist und, dass der Footer nicht im Container ist.

...zum Beitrag

Wie kann ich in Word eine Tabelle als Querformat einfügen?

Ich habe in Excel eine Tabelle erstelle und in Word eingefügt, die für eine Seite im Hochformat zu breit ist. Deshalb möchte ich die Tabelle drehen, sodass man die Tabelle später im Querformat lesen kann. Aber wie kann ich die Tabelle drehen? Ich weiß, dass man die Seite komplett als Querformat formatieren kann. Das möchte ich allerdings nicht, da zu dem Dokument viele Seiten gehören, die dieselbe Kopf- und Fußzeile besitzen. Daher soll die Kopf- und Fußzeile auch bei der Seite mit der Tabelle erhalten bleiben, was nicht möglich wäre, wenn ich die Seite komplett als Querformat formatiere. Ich hoffe, mir kann jemand helfen. Vielen Dank im voraus.

...zum Beitrag

Excel komplette Zeile x mal kopieren und untereinander einfügen, aber wie?

Hallo, ich möchten, wenn z.B in Zelle D4 eins steht das die Zeile also A4-D4 x mal kopiert werden und dann untereinander eingefügt werden. Ich habe das mit einer Formel versucht, habe aber keine Lösung gefunden. Ich hoffe jemand kann mir helfen.

P.S. (Copy und Paste geht nicht, da es sehr viele Zeilen gibt zum Kopieren)

Danke im voraus.

...zum Beitrag

Javascript/Ajax - Footer von Datei laden lassen?

Ich hab schon einiges an Code ausprobiert, selbst kann ich Javascript oder Ajax nicht besonders, komme aber zu keinen erfolgreichem Ergebnis, kann mir jemand dabei helfen?

Ich möchte lediglich den Footer über ein HTML-File in den Footer einfügen, ist auch nur Text.

WICHTIG: Der Footer soll nicht über den Buttonklick geladen werden, sondern mitsamt der Seite

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen