zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div ausrichtung oben | mitte | unten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.01.2005, 00:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2005
Beiträge: 2
xtoph befindet sich auf einem aufstrebenden Ast
Standard div ausrichtung oben | mitte | unten

Hi,

Also ich hab schon ne Weile rumprobiert, allerdings weiss ich im Moment nicht weiter.

Deshalb jetzt meine Frage an Euch:

Ich möchte meine Seite so aufbauen, dass ich oben an der Kante anfange und unten an der Kante aufhöre. Deshalb hab ich mir gedacht, mach ich Oben einen Div, Unten einen und in der Mitte einen, der sich streckt, und somit das ganze abschließt. Und das ganze noch zentriert, so dass ich völlig unabhängig von der Auflösung bin und der Bildschirm immer gefüllt ist.

Hier mal mein Quelltext:

index.php
Code:
<?xml version=\"1.0\" encoding=\"UTF-8\"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>xtoph's online portfolio</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div style="text-align:center">

<div style="margin:auto;  top:0px; text-align:left">
	banner oben
</div>


<div style="margin:auto; height:all;  background: url(./bilder/bg.jpg); width:810px;">
	inhalt
</div>

<div style="margin:auto;  width:810px;" >
    <div style="position:absolute; bottom:0px;"> footer</div>
</div>

</div>
</body>
</html>
ich bin ja schon froh, dass es im IE/OPERA/Mozilla jetzt zentriert ist, allerdings wenn ich um den footer noch einen div mache mit position:absolute; bottom:0px; zerschießt er es spätestens im ie, im rest gehts.

so siehts im moment aus:

http://zeus.fh-brandenburg.de/~franzc/neu2/
http://zeus.fh-brandenburg.de/~franz.../css/style.css

Wäre schön, wenn vielleicht jemand eine idee hätte

greetz
xtoph
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.01.2005, 02:04
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

Du hast im Body schon text-align:center, wozu jetzt noch nen extra div mit style="text-align:center" ?
margin:0;padding:0; erreicht dasselbe wie 0px 0px 0px 0px.

in der Footerclass definierst du
Code:
        text-decoration:none;
        font-style:normal; 
        text-decoration:none;
        font-style:normal;
Das ist 1. doppel und 2. überflüssig weil standart.

[qoute]
Code:
<div style="margin:auto;  width:810px;" >
    <div style="position:absolute; bottom:0px;"> footer</div>
</div>
[/qoute]
warum nicht lieber so:
Code:
<div style="margin:auto;width:810px; position:absolute;bottom:0px;">
footer
</div>
Und für ein 3zeiliges Layout mit dem mittleren alles ausfüllend würd ich sowas machen:

Code:
<html>
<body style="margin:0;">
<div style="position:absolute;top:0px;height:10px;">header</div>
<div style="height:100%;padding-top:;padding-bottom:;">body</div>
<div style="position:absolute;bottom:0px;height:10px;">footer</div>
</body>
</html>
__________________
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 21.01.2005, 22:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2005
Beiträge: 2
xtoph befindet sich auf einem aufstrebenden Ast
Standard

also so wie du beschrieben hast gehts auch nicht, wiedrum im ie zerschießt er alles und im opera funzt ein height=100% auch nicht
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
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
DIV um 40px nach oben verschieben Dylan CSS 3 03.02.2010 22:14
Div immer oben im fenster xXNemesisXx CSS 3 25.09.2008 22:57
DIV Box in der mitte des Browserfensters grazioli CSS 1 15.11.2006 22:27
Holy Grail und der Internet Explorer! ONeill CSS 23 01.06.2006 19:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:00 Uhr.