Seite 1 von 1

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

Verfasst: Di 9. Mai 2017, 19:03
von wega
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

Re: Fußzeile automatisch nach unten verschieben

Verfasst: Di 9. Mai 2017, 19:30
von camouflage1984
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

Re: Fußzeile automatisch nach unten verschieben

Verfasst: Di 9. Mai 2017, 19:41
von wega
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

Re: Fußzeile automatisch nach unten verschieben

Verfasst: Di 9. Mai 2017, 19:59
von camouflage1984
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!

Re: Fußzeile automatisch nach unten verschieben

Verfasst: Di 9. Mai 2017, 20:40
von wega
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

Re: Fußzeile automatisch nach unten verschieben

Verfasst: Di 9. Mai 2017, 22:07
von camouflage1984
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

Re: Fußzeile automatisch nach unten verschieben

Verfasst: Mi 10. Mai 2017, 06:18
von wega
Hallo Dimi,

Super, Danke!
Hat wunderbar funktioniert.

Mit Gruß
Werner