• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mein Weblog ;P

Status
Für weitere Antworten geschlossen.
C

CrackPod

Neues Mitglied
http://home.arcor.de/crackpod/weblog2

so das ist der Weblog auf Divs basierend....

Nur irgendwie bekomm ich das nicht hin(CSS & HTML Fähigkeiten von PHP Absorbiert ;P)

QC von der index.html:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="stylesheets/style.css">
<title>Weblog V2</title>
</head>
<body>
<div class="rahmen"></div>
<div id="content_area">
	<div id="header"></div>
	<div id="navi">
		[url="#"][img]gfx/body/about.jpg[/img][/url][img]gfx/body/navi_slash.gif[/img][url="#"][img]gfx/body/home.jpg[/img][/url][img]gfx/body/navi_slash.gif[/img][url="#"][img]gfx/body/works.jpg[/img][/url][img]gfx/body/navi_slash.gif[/img][url="#"][img]gfx/body/guestbook.jpg[/img][/url]
	</div>
	<div>
		<div class="content">
			<div>Verfasst von: CrackPod</div>
			<div class="datum">Datum</div>
			<div class="main_content">Content</div>
			<div class="betreff">Betreff</div>
			<br style="clear:both;">
			<div>Quellen: Keine</div>
		</div>
	</div>
	<div id="impressum">
		[url="#"]Impressum[/url] | [url="#"]Kontakt[/url] | [url="#"]Administration[/url]
&copy; by Tobias (CrackPod) H&ouml;bel all rights reserved
	</div>
	<div id="footer"></div>
</div>
<div class="rahmen2"></div>
</body>
</html>
Und von der stylesheet.css:
Code: 
body {
background-color:#FFFFFF;
color:#000000;
font-family:tahoma, arial, monospace;
font-size:11px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}
table {
border:0px none #000000;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
}
img {
border:0px none #000000;
}
a {
color:#000000;
text-decoration:underline;
}
a:hover {
color:#000000;
text-decoration:underline overline;
}
.rahmen {
background-color:#660000;
background-image:url(../gfx/body/scaline.gif);
border-bottom:1px solid #000000;
float:left;
height:100%;
width:auto;
}
.rahmen2 {
background-color:#660000;
background-image:url(../gfx/body/scaline.gif);
border-bottom:1px solid #000000;
float:right;
height:100%;
width:auto;
}
#content_area {
border-left:1px solid #000000;
border-right:1px solid #000000;
float:left;
height:100%;
text-align:center;
width:696px;
}
#header {
background-image:url(../gfx/body/header.jpg);
width:696px;
height:117px;
background-repeat:no-repeat;
}
#navi {
background-color:#B53E3E;
border-bottom:1px solid #000000;
width:696px;
height:40px;
}
.content {
background-color:#840000;
border:1px solid #000000;
margin:5px auto 5px auto;
text-align:center;
width:680px;
}
.main_content {
background-color:#960000;
border:1px solid #000000;
float:left;
padding:2px 2px 2px 2px;
text-align:left;
width:600px;
}
.datum {
float:left;
width:40px;
}
.betreff {
float:right;
width:40px;
}
#impressum {
background-color:#B53E3E;
border-top:1px solid #000000;
width:696px;
height:30px;
}
#footer {
background-image:url(../gfx/body/footer.jpg);
background-repeat:no-repeat;
border-bottom:1px solid #000000;
height:33px;
width:696px;
}

Und irgendwie schaut es total scheiße aus...
Würde mich über Hilfe sehr freuen :wink:

<--Greetz CrackPod-->
 
Du brauchst du musst zuerst einmal deinen hg einbauen dann musst du über die left:50%;margin-left:-300px; das ganze mitten. ausserdem fehlt der alles umschließende tag den du die höhe 100% zuweisen musst und du musst grundsätzlich überall erstmal mit:
*
{
margin:0px;
padding:0px;
}
arbeiten....
 
naja ich dacht mir, dass es reicht wenn body height 100% hat...

Du brauchst du musst zuerst einmal deinen hg einbauen dann musst du über die left:50%;margin-left:-300px; das ganze mitten.
Zum Vergrößern anklicken....
:shock: höh??
Erklär das mal bitte genauer...
Bin noch zu Müde um das verstehen zu können
 
Du musst deinen ganzen Block zentrieren. Also verschiebst du ihn um 50% nach rechts (left:50%) und ziehst davon dann die Breite deines Blockes ab (margin-left:-300px). So meint Prophet es glaub ich ;)
 
aber mein block is 696px groß :wink:

hmm naja ich schau mal aber mein größtest prob ist immer noch dass es nicht auf die ganze höhe geht... das mit dem zentrieren krieg ich schon hin...
Aber die höhe macht mcih verrückt!!
 
height 100% wenn das beim div nicht funzt dann den body noch dazu height 100% sagen aber es muss alles dafür padding und margin = 0px haebn
 
CrackPod schrieb:
Und von der stylesheet.css:
Code: 
body {
background-color:#FFFFFF;
color:#000000;
font-family:tahoma, arial, monospace;
font-size:11px;
[b]height:100%;[/b]
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}
.rahmen {
background-color:#660000;
background-image:url(../gfx/body/scaline.gif);
border-bottom:1px solid #000000;
float:left;
[b]height:100%;[/b]
width:auto;
}
.rahmen2 {
background-color:#660000;
background-image:url(../gfx/body/scaline.gif);
border-bottom:1px solid #000000;
float:right;
height:100%;
width:auto;
}
#content_area {
border-left:1px solid #000000;
border-right:1px solid #000000;
float:left;
height:100%;
text-align:center;
width:696px;
}
#header {
background-image:url(../gfx/body/header.jpg);
width:696px;
height:117px;
background-repeat:no-repeat;
}
#navi {
background-color:#B53E3E;
border-bottom:1px solid #000000;
width:696px;
height:40px;
}
.content {
background-color:#840000;
border:1px solid #000000;
margin:5px auto 5px auto;
text-align:center;
width:680px;
}
.main_content {
background-color:#960000;
border:1px solid #000000;
float:left;
padding:2px 2px 2px 2px;
text-align:left;
width:600px;
}
.datum {
float:left;
width:40px;
}
.betreff {
float:right;
width:40px;
}
#impressum {
background-color:#B53E3E;
border-top:1px solid #000000;
width:696px;
height:30px;
}
#footer {
background-image:url(../gfx/body/footer.jpg);
background-repeat:no-repeat;
border-bottom:1px solid #000000;
height:33px;
width:696px;
}

Und irgendwie schaut es total scheiße aus...
Würde mich über Hilfe sehr freuen :wink:

<--Greetz CrackPod-->
Zum Vergrößern anklicken....
 
CrackPod schrieb:
Und von der stylesheet.css:
body {
background-color:#FFFFFF;
color:#000000;
font-family:tahoma, arial, monospace;
font-size:11px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}
.rahmen {
background-color:#660000;
background-image:url(../gfx/body/scaline.gif);
border-bottom:1px solid #000000;
float:left;
height:100%;
width:auto;
}
Zum Vergrößern anklicken....

Da steht 100%
 
Ich habe nochmal gestest und entschuldige so geht es tatsächlich nicht.

ich habe mir mehrere seiten angeschaut und herausgefunden:
1.Variante:
Der inhalt des div dehnt es auf browser höhe
2.Variante:
Der body bekommt einen hintergrundbild welches den effekt vortäuscht und mit einem unsichtbaren div wird der inhalt eingefügt undi m rahmen gelhaltenm.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben