Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Div und CSS Probleme mit der Website

Frage Entwicklung HTML

Mitglied: iceget

iceget (Level 2) - Jetzt verbinden

07.03.2009, aktualisiert 14:44 Uhr, 3762 Aufrufe, 4 Kommentare

Hallo liebe Community,

und zwar habe ich folgendes Problem, hier der Links zum test:
http://raving.at/template/


Und zwar möchte ich folgendes erreichen:

Das der Footer immer unten bleibt (auch wenn man scrollt), ohne das aber die Scrollbar hinter dem Footer ist.

Wenn ich bei meinem Template scrolle, dann bleibt der footer zwar unten, aber sobald ich scrolle, bleibt er mitten auf dem Content stehen.
Wenn ich auf F11 drücke (Vollbildmodus) dann ist er trotzdem auch ganz unten, und wenn ich scroller, bleibt er auch wieder mitten im Content stehen.

Was mache ich falsch? Wichtig ist mir das es W3 und XHTML 1.0 kompatibel ist.


Gibts diese Möglichkeit überhaupt?

Was mach ich falsch?

Vielen Dank für eure Hilfe schon im voraus!

glg mAx
Mitglied: bassi79
07.03.2009 um 17:16 Uhr
Hallo mAx,

ich bin zwar auch erst CSS-Anfänger (befasse mich seit 2 Tagen mit CSS und seit 5 Tagen mit HTML), aber
so könnte/sollte die Lösung aussehen:

01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 
02.
<!-- saved from url=(0026)http://raving.at/template/ --> 
03.
<HTML  
04.
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Unbenanntes Dokument</TITLE> 
05.
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> 
06.
<STYLE>BODY { 
07.
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100% 
08.
09.
HTML { 
10.
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100% 
11.
12.
#main { 
13.
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100% 
14.
15.
#header { 
16.
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px 
17.
18.
#content { 
19.
	WIDTH: 100% 
20.
21.
#footer {  
22.
position: absolute; 
23.
    bottom: 0pt; left: 0pt; 
24.
    width: 18em; 
25.
    background-color: white; 
26.
    border: 1px solid silver;} 
27.
     
28.
html>body #footer { position: fixed; 
29.
     
30.
</STYLE> 
31.
 
32.
<META content="MSHTML 6.00.6000.16809" name=GENERATOR></HEAD> 
33.
<BODY> 
34.
<DIV id=main> 
35.
<DIV id=header><IMG height=114 alt=""  
36.
src="Unbenanntes%20Dokument-Dateien/header.gif" width=851></DIV> 
37.
<DIV id=content style="BACKGROUND: url(content.gif) repeat-y"> 
38.
<P>content</P> 
39.
<P>content</P> 
40.
<P>content</P> 
41.
<P>content</P> 
42.
<P>content</P> 
43.
<P>content</P> 
44.
<P>content</P> 
45.
<P>content</P> 
46.
<P>content</P> 
47.
<P>content</P> 
48.
<P>content</P> 
49.
<P>content</P> 
50.
<P>content</P> 
51.
<P>content</P> 
52.
<P>content</P> 
53.
<P>content</P> 
54.
<P>content</P> 
55.
<P>content</P> 
56.
<P>content</P> 
57.
<P>content</P> 
58.
<P>content</P> 
59.
<P>content</P> 
60.
<P>content</P> 
61.
<P>content</P></DIV> 
62.
<DIV id=footer><IMG height=30 alt=""  
63.
src="Unbenanntes%20Dokument-Dateien/footer.gif"  
64.
width=851></DIV></DIV></BODY></HTML>
Beste Grüße,
bassi79
Bitte warten ..
Mitglied: Fritzchen
07.03.2009 um 19:12 Uhr
Hallo zusammen.

Sorry aber damit klappt es vielleicht im IE.
Bei anderen Browsernn fällst du damit ganz schnell auf die Nase.

Schau mal hier.
http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel4.htm

Viele Grüße Fritzchen
Bitte warten ..
Mitglied: iceget
09.03.2009 um 09:14 Uhr
Vielen Dank!

Das wars, jedoch ist mir auch bei dieser Seite was aufgefallen unter Kombination: Ein Footer für alle.

Wenn du das Fenster per Hand kleiner machst, zieht sich der Footer trotzdem zusammen... also wird kleiner,
aber besser als nichts

Vielen recht herzlichen Dank!

glg mAx
Bitte warten ..
Mitglied: Fritzchen
10.03.2009 um 10:31 Uhr
Hallo.

Wenn du das Fenster per Hand kleiner machst, zieht sich der Footer trotzdem zusammen... also wird kleiner,
aber besser als nichts.

Ja sicher, wenn du den Code so übernimmst ist das so.
Im CSS für den Footer steht doch width:100%;
Es sind also immer 100% Fensterbreite und nicht Bildschirmbreite.

Muß du dann halt für deine Bedürfnisse anpassen, falls du es anders brauchst.

Viele Grüße Fritzchen.
Bitte warten ..
Ähnliche Inhalte
E-Mail
gelöst Probleme beim E-Mail Empfang (12)

Frage von TommyB83 zum Thema E-Mail ...

Windows Update
Probleme mit WSUS 4.0 (1)

Frage von Leo-le zum Thema Windows Update ...

CSS
gelöst CSS Problem (2)

Frage von michi1983 zum Thema CSS ...

RedHat, CentOS, Fedora
Probleme mit Updates - massenhaft Konflikte (3)

Frage von harald.schmidt zum Thema RedHat, CentOS, Fedora ...

Neue Wissensbeiträge
RedHat, CentOS, Fedora

Fedora, RedHat, Centos: DNS-Search Domain setzen

(13)

Tipp von Frank zum Thema RedHat, CentOS, Fedora ...

Drucker und Scanner

Samsung SL-M4025ND, firmware update und (kompatible) Tonerkassetten

(1)

Erfahrungsbericht von markus-1969 zum Thema Drucker und Scanner ...

Heiß diskutierte Inhalte
Exchange Server
Microsoft Exchange Weiterleitung mit anderer primären E-Mail Adresse (14)

Frage von Rene12345 zum Thema Exchange Server ...

Windows Userverwaltung
gelöst Wie verfahrt Ihr mit den Windows-Benutzerkonten und -dateien von ausgeschiedenen Mitarbeitern? (14)

Frage von Bl0ckS1z3 zum Thema Windows Userverwaltung ...

LAN, WAN, Wireless
Devolo DLAN 500 pro Wireless+ (13)

Frage von IceAge zum Thema LAN, WAN, Wireless ...

E-Mail
gelöst Probleme beim E-Mail Empfang (12)

Frage von TommyB83 zum Thema E-Mail ...