zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Einen <div> nach unten setzen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.06.2005, 21:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.11.2004
Beiträge: 12
ESmazter befindet sich auf einem aufstrebenden Ast
Standard Einen <div> nach unten setzen

Hallo liebe xhtmlforum Mitglieder,

Ich habe folgendes Problem:

Ich möchte, dass ein <div> Container ganz unten an der Seite angezeigt wird.

So sieht es momentan aus:


Dies sollte nun aber so aussehen:


Hier ist der Quellcode der Seite:

Code:
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="./deviled.css" type="text/css" media="screen"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>NewMedia Dorsten</title>

<style type="text/css">
	body {
		margin:0px 0px 0px 0px;
		padding:0px;
    background: #fff url(images/bg.png) repeat-y 50% 0;
    text-align: center;
}
a {
	text-decoration:none;
	font-weight:bold;
	color:#c00;
	}

.head1 {
width: 815px;
height: 82px;
background-color: #fff;
margin-right: auto;
margin-left: auto;
}
#logo {
background: url("images/logo.png") no-repeat; 
width: 147px;
height: 82px;
position: relative;
float: left;
}
#logo h1 { display: none; }

#od {
background: url("images/od.png") no-repeat; 
width: 232px;
height: 82px;
position: relative;
float: left;
}

#linkhaupt {
vertical-align: bottom;
background-color: #f3f3f3;
width: 109px;
height: 82px;
position: relative;
float: left;
font-family: Trebuchet MS, Arial;
font-size: 12px;
color: #6e6e6e;
line-height:11;
list-style: none;
}
#linkhaupt:hover {
background-color: #3f3f3f;
color: #fff;
line-height:12;
}
#dienst {
background-color: #f3f3f3;
width: 109px;
height: 82px;
position: relative;
float: left;
font-family: Trebuchet MS, Arial;
font-size: 12px;
color: #6e6e6e;
line-height:11;
list-style: none;
}
#dienst:hover {
background-color: #44baba;
color: #fff;
line-height:12;
}
#refe {
background-color: #f3f3f3;
width: 109px;
height: 82px;
position: relative;
float: left;
font-family: Trebuchet MS, Arial;
font-size: 12px;
color: #6e6e6e;
line-height:11;
list-style: none;
}
#refe:hover {
background-color: #ff0044;
color: #fff;
line-height:12;
}
#port {
background-color: #f3f3f3;
width: 109px;
height: 82px;
position: relative;
float: left;
font-family: Trebuchet MS, Arial;
font-size: 12px;
color: #6e6e6e;
line-height:11;
list-style: none;
}
#port:hover {
background-color: #76d400;
color: #fff;
line-height:12;
}
	
#header {
background: url("images/header.png") no-repeat; 
width: 813px;
height: 178px;
position: relative;
float: left;
}

#footer {
background-color: #76d400;
width: 813px;
height: 20px;
position: relative;
float: left;
}
.copyright {
font-family: Trebuchet MS, Arial;
font-size: 11px;
color: #fff;

}

</style>
</head><body>
<div class="head1">
<div id="logo"><h1>Newmedia Dorsten</h1></div>
<div id="od"></div>
<ul style="margin: 0; padding: 0">
<li onclick="javascript:document.location.href='#'" id="linkhaupt">Hauptseite
<li onclick="javascript:document.location.href='#'" id="dienst">Dienstleistungen
<li onclick="javascript:document.location.href='#'" id="refe">Referenzen
<li onclick="javascript:document.location.href='#'" id="port">Portfolio[/list]<div id="header"></div>
<div id="footer">
<span style="vertical-align:super;float: left;" class="copyright">Hauptseite // Dienstleistungen // Referenzen // Portfolio</span>
<span style="vertical-align:super;float: right;" class="copyright">Diese Seite wurde in <acronym title="Cascading Style Sheets">CSS</acronym> und <acronym title="Extensible HyperText Markup Language">XHTML</acronym> entwickelt.</span>

</div>
</div>

</body>
</html>
Ich hoffe ihr wisst, wie man so etwas hinkriegen kann.

Vielen Dank für die kommenden Antworten
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.06.2005, 21:35
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

eine Navigation gehört imho nach oben und xhtml 1.1 solltest du auch eher in die Zukunft verschieben. Um das Div dennoch nach unten zu kriegen entweder im Markup unter den Contentcontainer packen (und letzterem eine passende Höhe zuweisen) oder mit position:absolute und bottom:0; experementieren
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.06.2005, 22:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.11.2004
Beiträge: 12
ESmazter befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von The Doc
eine Navigation gehört imho nach oben
Sie ist oben, die untere sollte für längere Seiten sein, damit man nicht wieder hochscrollen müsste, um auf eine anderen Seitenabschnitt zu gelangen.

Zitat:
Zitat von The Doc
xhtml 1.1 solltest du auch eher in die Zukunft verschieben.
Da hast du recht aber ich bin im Moment eben nur am experementieren, da ich vorher nur Tabellen benutz haben und Div Container noch nie.

Du musst verstehen, ich bin ein Neuling, daher verstehe ich nicht alles.
Mit Zitat antworten
  #4 (permalink)  
Alt 04.06.2005, 00:13
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

So z.B. bekommst Du es nach unten:
http://www.alistapart.com/articles/footers
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #5 (permalink)  
Alt 04.06.2005, 00:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.11.2004
Beiträge: 12
ESmazter befindet sich auf einem aufstrebenden Ast
Standard

Ich hab es mit The Doc's Hilfe hinbekommen.

Vielen Dank auch dir!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
HTML 5 <div> oder nicht <div>? mimii (X)HTML 5 03.09.2013 22:03
Zwei <div> nebeneinander. Wie umschließendes <div> ausdehnen, wenn 2. <div> fehlt? Mango CSS 2 11.03.2013 00:44
Text ohne Absatz setzen dercoe CSS 25 24.11.2012 20:48
Mehrere <div> mit float:left innerhalb eines übergeordneten <div> zentrieren Heinzi CSS 2 02.06.2007 21:39
Problem mit Dastellung in IE7 und FF ConiKost CSS 1 05.07.2006 13:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:47 Uhr.