breite vom Footer optimieren

CSS, Java Script u.s.w

Moderator: HTML-Laie

Antworten
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

breite vom Footer optimieren

Beitrag von Patrick »

hallo liebe leute,

ich habe ein problem mit meinem footer, der sich über die gesamte Breite streckt.
Ich hätte Ihn aber gerne genauso breit wie den Hauptbereich. Wo kann ich das einstellen?

zur zeit sieht es so aus.

http://pixelshoots.oyla.de/cgi-bin/hpm_homepage.cgi

danke im voraus
Benutzeravatar
David
Webmaster
Webmaster
Beiträge: 249
Registriert: Di 30. Mär 2010, 22:08
Mein Vorname: David
Wohnort: Argentinien

Re: breite vom Footer optimieren

Beitrag von David »

Code: Alles auswählen

 #footer{
	clear: none;
	width: 100%; 
	height: 50px;
	background: black;
	color: #000;
	text-align: center;
	padding: 4px 0;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(http://i55.tinypic.com/am9phc.gif);
    }
ersetze
width: 100%; ersetze mit 840px;

und du musst ihn mittig setzen

zusätzlich eintragen

Code: Alles auswählen

	margin-right: auto;
	margin-left: auto;
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
BildLG David
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: breite vom Footer optimieren

Beitrag von Patrick »

Leider klappt dies nicht.
ist nach wie vor über die gesamte länge

der css teil vom footer sieht jetzt so aus

Code: Alles auswählen

       #footer{
          clear: none;
          [color=#FF0000]width: 100%; [/color] ersetze mit 840px;
          height: 50px;
          background: black;
          color: #000;
          text-align: center;
          padding: 4px 0;
          margin-top: 20px;
          margin-bottom: 20px;
          background-image: url(http://i55.tinypic.com/am9phc.gif);
          margin-right: auto;
          margin-left: auto;
           }
und der html teil so

Code: Alles auswählen

    <div id="footer">
    Name | Kontakt | Impressum
    </div>
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: breite vom Footer optimieren

Beitrag von Patrick »

ah, jetzt klappt es. dafür ist der abstand zum hauptbereich weg :-(

dabei hab ich doch margin-top: 20px; drin stehen
Benutzeravatar
David
Webmaster
Webmaster
Beiträge: 249
Registriert: Di 30. Mär 2010, 22:08
Mein Vorname: David
Wohnort: Argentinien

Re: breite vom Footer optimieren

Beitrag von David »

mach mal die änderung

Code: Alles auswählen

margin-top: 40px;
man kann es auch anders machen, aber mein schleppi macht grad zicken und die programme hängen alle
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
BildLG David
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: breite vom Footer optimieren

Beitrag von Patrick »

hehe, das klappt.
Aber damit gebe ich mich nicht zufrieden :K

Warum ist das so, das es bei 20 nicht ging und bei 40 ja?

lg
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 20 Gäste