[gelöst] Fußzeile automatisch nach unten verschieben

Antworten
wega
Beiträge: 7
Registriert: Mi 20. Aug 2014, 17:36

[gelöst] Fußzeile automatisch nach unten verschieben

Beitrag von wega » Di 9. Mai 2017, 19:03

Hallo zusammen,

ich habe mir eine Seite aufgebaut, die folgendes beinhaltet:

Kopfzeile
Menuezeile-oben
Menue-links
Inhaltsbereich
Menuezeile-unten

Die Menuezeile-unten soll sich mit dem Anwachsen des Inhaltsbereiches
automatisch nach unten verschieben.

Ich verwende unter Ubuntu 16.04 die Kompozerversion:
Version 0.8b3 (20081229)

Kann mir jemand mitteilen, welche Einstellung ich unter
Inline-Styles - Box
vornehmen muß? Oder bin ich da auf dem falschen Dampfer?

Mit Gruß
Werner
Zuletzt geändert von wega am Mi 10. Mai 2017, 06:46, insgesamt 1-mal geändert.

camouflage1984
Beiträge: 244
Registriert: Di 19. Aug 2014, 14:34

Re: Fußzeile automatisch nach unten verschieben

Beitrag von camouflage1984 » Di 9. Mai 2017, 19:30

Hallo Werner

Theoretisch brauchst Du nix einzustellen, es wächst automatisch mit und schiebt Deine Menuezeile-unten nach unten.
So ohne Quelltext und Deine styles ist das aber nur eine Vermutung! ;)

Evtl. hilft dir auch der Kostenlose Kurs viewforum.php?f=9

LG
Dimi
Lachen ist gesund :-)
camouflage1984.de Webseite / wzp-galipix Das Galerie Script / wzp-cms Das einfache CMS / wzp-webdesign

wega
Beiträge: 7
Registriert: Mi 20. Aug 2014, 17:36

Re: Fußzeile automatisch nach unten verschieben

Beitrag von wega » Di 9. Mai 2017, 19:41

Hallo Dimi,

danke für die schnelle Antwort,
So wie Du es beschreibst, hatte ich mir das auch gedacht.
Aber irgendwas mache ich vielleicht falsch.

Hier der Quelltext:

Code: Alles auswählen

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>index</title>
<style type="text/css">
#Banner {
background-color: yellow;
visibility: visible;
display: block;
}
#Menuezeile {
background-color: #33ccff;
}
#Menue-links {
background-color: #33ccff;
}
#Inhalt {
background-color: yellow;
}
#Fußzeile {
background-color: #33ccff;
}

</style>
</head>
<body style="width: 800px; margin-right: auto; margin-left: auto;">
<div id="Banner">Banner</div>
<div style="width: 800px;" id="Menuezeile">Menuezeile</div>
<div style="float: left; width: 150px;" id="Menue-links">Menue-links</div>
<div style="float: right; width: 650px;" id="Inhalt">Inhalt<br>
</div>
<div style="width: 800px; margin-top: 22px; height: 28px;" id="Fußzeile">Fusszeile</div>
</body>
</html>
Hilft das weiter?

Gruß
Werner

camouflage1984
Beiträge: 244
Registriert: Di 19. Aug 2014, 14:34

Re: Fußzeile automatisch nach unten verschieben

Beitrag von camouflage1984 » Di 9. Mai 2017, 19:59

Hallo Werner

Es liegt an dieser einstellung:

Code: Alles auswählen

<div style="float: right; width: 650px;" id="Inhalt">Inhalt<br>
</div>
du musst das

Code: Alles auswählen

float:right; width:650px; 
weglassen!
Du solltest das hier

Code: Alles auswählen

margin-left:150px;
verwenden!
In der Fußzeile solltest du das

Code: Alles auswählen

margin-top:22px;
entfernen!

Bitte mische nicht interne styles mit inline styles! Die Gewichtung Deiner styles ist folgendermaßen:
1 inline styles (Alles was im div eingetragen wird!)
2 interne styles (Was du an id`s angegeben hast!)
3 externe styles(Diese werden eingebunden!)

Da kann es Passieren das Du nicht weißt warum ein style nicht übernommen wird, es liegt meistens an diesem mischen!

Ich empfehle dir nochmal den Kostenlosen Kurs ;)

Bitte Fußzeile nicht mit ß schreiben!!!!! Es kann zu problemen führen!
Lachen ist gesund :-)
camouflage1984.de Webseite / wzp-galipix Das Galerie Script / wzp-cms Das einfache CMS / wzp-webdesign

wega
Beiträge: 7
Registriert: Mi 20. Aug 2014, 17:36

Re: Fußzeile automatisch nach unten verschieben

Beitrag von wega » Di 9. Mai 2017, 20:40

Super,

danke, das hat die Probleme mit der Inhaltvergrößerung gelöst.
Da wäre ich nie drauf gekommen.
Ich will nicht unverschämt sein, aber wie schiebt sich jetzt noch
die Fußzeile automatisch nach unten, sollte die Menueleiste-links
größer als der Textinhalt werden?

Deinen Tipp des kostenlosen Kurses verfolge ich schon, dennoch
ist mir manches nicht leicht verständlich.

Mit Gruß
Werner

camouflage1984
Beiträge: 244
Registriert: Di 19. Aug 2014, 14:34

Re: Fußzeile automatisch nach unten verschieben

Beitrag von camouflage1984 » Di 9. Mai 2017, 22:07

Hallo Werner

Gib der id fusszeile

Code: Alles auswählen

float:left;
dann sollte es Funktionieren.
wega hat geschrieben:
Di 9. Mai 2017, 20:40
Deinen Tipp des kostenlosen Kurses verfolge ich schon, dennoch
ist mir manches nicht leicht verständlich.
Kein Problem, frag einfach im Kurs wenn etwas nicht verständlich ist. Wir helfen gerne!

LG
Dimi
Lachen ist gesund :-)
camouflage1984.de Webseite / wzp-galipix Das Galerie Script / wzp-cms Das einfache CMS / wzp-webdesign

wega
Beiträge: 7
Registriert: Mi 20. Aug 2014, 17:36

Re: Fußzeile automatisch nach unten verschieben

Beitrag von wega » Mi 10. Mai 2017, 06:18

Hallo Dimi,

Super, Danke!
Hat wunderbar funktioniert.

Mit Gruß
Werner

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast