Div Block wächst mit inhalt nicht mit. ;(((

Coe · 13 September 2009

Hallo Ihr,

Ich hab ein kleines Problem, der div block soll mit dem inhalt mit wachsen. und wenn ich den code so verwende, funktioniert es im Internet explorer so wie es sein soll. aber im firefox wächst jetzt zwar der div block mit dem inhalt, aber die hintergrundfarbe nicht. ich hab jetzt echt schon alles ausprobiert, aber ich komme nicht drauf warum es nicht funktioniert. ;(

würde mich freuen wenn mir jemand helfen kann.
vielleicht hilft euch der code weiter

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

<title>Golden Retriever Rüde Bandit</title>
<style type="text/css">
body {
background: #7d6d5e;
}

html,body { height:100%; margin:0; padding:0; text-align:center; }
div#center {background-color:#5a5148; width:800px; margin: 0 auto 0;}

img { border: none; }
A:active {border: none; TEXT-DECORATION: none}
A:link {border: none; TEXT-DECORATION: none}
A:visited {border: none; TEXT-DECORATION: none}

#navi {
margin-top: 0px;
height: 20px;
width: 800px;
}

#header {
height: 201px;
width: 800px;
}

#content {
margin-top: 5px;
min-height: 100%;
height: 100%;
width: 795px;
background: #5a5148;
}

body {
scrollbar-face-color: #5a5148;
scrollbar-shadow-color: #5a5148;
scrollbar-highlight-color: #6c6258;
scrollbar-3dlight-color: #6c6258;
scrollbar-darkshadow-color: #6c6258;
scrollbar-track-color: #6c6258;
scrollbar-arrow-color: #6c6258;
}
-->
</style>
</head>

<body style="color: rgb(0, 0, 0); background-color: rgb(125, 109, 94);" alink="#000000" link="#000000" vlink="#000000">

<div id="center">
<div id="navi"><img src="Image/Unbenannt-1_01.jpg">
<a href="?path=index"><img src="Image/Unbenannt-1_02.jpg">
</a><a href="?path=neues"><img src="Image/Unbenannt-1_03.jpg">
</a><a href="?path=webmiss"><img src="Image/Unbenannt-1_04.jpg">
</a><a href="?path=bandit"><img src="Image/Unbenannt-1_05.jpg">
</a><a href="?path=tagebuch"><img src="Image/Unbenannt-1_06.jpg">
</a><a href="?path=galerie"><img src="Image/Unbenannt-1_07.jpg">
</a><a href="?path=freunde"><img src="Image/Unbenannt-1_08.jpg">
</a><a href="?path=ofangelhearts"><img src="Image/Unbenannt-1_09.jpg">
</a><a href="?path=goldi"><img src="Image/Unbenannt-1_10.jpg">
</a><a href="?path=sonstiges"><img src="Image/Unbenannt-1_11.jpg">
</a><a href="?path=gb"><img src="Image/Unbenannt-1_12.jpg">
</a><a href="?path=kontakt"><img src="Image/Unbenannt-1_13.jpg">
</a><a href="?path=links"><img src="Image/Unbenannt-1_14.jpg">
</a><img style="border: 0px solid ;" alt="" src="Image/Unbenannt-1_15.jpg"></div>

<div id="header"><img alt="" src="Image/header.jpg"></div>

<div id="content"><?php include 'content.php'; ?></div></div>

</div>

</body>
</html>

Loon3y · 13 September 2009

Hallo.

Verwende bitte beim nächstemal posten das [ html ] - tag oder [ code ]-tag um deinen quelltext übersichtlicher und leichter lesbar für die Antworter zu machen.

Es haben sich bei dir viele viele kleine Fehler eingeschlichen:

Code:

body {
background: #7d6d5e;
}

<body style="color: rgb(0, 0, 0); background-color: rgb(125, 109, 94);" alink="#000000" link="#000000" vlink="#000000">

doppelt den body eine farbe zugewiesen...endscheide dich zwischen inline-styleangaben oder ausgelagerten styleangaben im head.
desweiteren denke ich das so sachen wie "alink=" nicht funktionieren. Innerhalb des "styles" oder einer CSS-Datei schreibt man normalerweiße mit einem : (doppelpunkt)

Code:

A:active {border: none; TEXT-DECORATION: none}
A:link {border: none; TEXT-DECORATION: none}
A:visited {border: none; TEXT-DECORATION: none}

Großschreibung im CSS. normal wird das klein geschrieben.

Code:

body {
scrollbar-face-color: #5a5148;
scrollbar-shadow-color: #5a5148;
scrollbar-highlight-color: #6c6258;
scrollbar-3dlight-color: #6c6258;
scrollbar-darkshadow-color: #6c6258;
scrollbar-track-color: #6c6258;
scrollbar-arrow-color: #6c6258;
}

du hast oben schon einmal body einen style zugewiesen. hier nocheinmal und dann im html nocheinmal...

Code:

[B]<div id="center">[/B]

nicht notwendig

Code:

<div id="navi"><img src="Image/Unbenannt-1_01.jpg">
<a href="?path=index"><img src="Image/Unbenannt-1_02.jpg">
</a><a href="?path=neues"><img src="Image/Unbenannt-1_03.jpg">
</a><a href="?path=webmiss"><img src="Image/Unbenannt-1_04.jpg">
</a><a href="?path=bandit"><img src="Image/Unbenannt-1_05.jpg">
</a><a href="?path=tagebuch"><img src="Image/Unbenannt-1_06.jpg">
</a><a href="?path=galerie"><img src="Image/Unbenannt-1_07.jpg">
</a><a href="?path=freunde"><img src="Image/Unbenannt-1_08.jpg">
</a><a href="?path=ofangelhearts"><img src="Image/Unbenannt-1_09.jpg">
</a><a href="?path=goldi"><img src="Image/Unbenannt-1_10.jpg">
</a><a href="?path=sonstiges"><img src="Image/Unbenannt-1_11.jpg">
</a><a href="?path=gb"><img src="Image/Unbenannt-1_12.jpg">
</a><a href="?path=kontakt"><img src="Image/Unbenannt-1_13.jpg">
</a><a href="?path=links"><img src="Image/Unbenannt-1_14.jpg">
</a><img style="border: 0px solid ;" alt="" src="Image/Unbenannt-1_15.jpg"></div>

eine navigation ist eine auflistung von menupunkten. Verwende am besten:

Code:

<ul>
 <li><a href="#">Link1</a></li>
 <li><a href="#">Link2</a></li>
 <li><a href="#">Link3</a></li>
...
</ul>

Code:

<div id="header"><img alt="" src="Image/header.jpg"></div>

der header ist eine art überschrift der Seite, also sollte der <hx>-tag zur Geltung kommen. In diesem fall die 1. Überschrift auf der Seite:

Code:

<h1><img src="http://www.html.de/html-und-xhtml/...." alt="" width="" height=""></h1>

und noch eine "kleinigkeit", bzw ein tip:

Code:

<img alt="" src="Image/header.jpg" [B]width="" height=""[/B]>

Verwende doch die html-angaben "widht" und "height" um ruckelndes aufbauen deiner seite zu verhindern. so wrid der platz welcher rdas bild braucht "vorreserviert".

Behebe ersteinmal die Fehler im html und CSS, dann können wir weiter an deinem Problem arbeiten.

Gruß
Loon3y

Div Block wächst mit inhalt nicht mit. ;(((

Coe

Neues Mitglied

Loon3y

Neues Mitglied

Neueste Beiträge