<div> und css...warum wird nichts angezeigt...

SonicChriz

Hi ich habe ein Problem mit meiner page.
Ich habe einen CSS-code:

Code

div.header 
   {
    position: absolute;
	left: 0;
	top: 0;
    background-image: url(images/xphobia_1.jpg);
	width: 1000;
	height: 155;
	}
div.left-space 
   {
    position: absolute;
	left: 0;
	top: 155;
    background-image: url(images/xphobia_2.jpg);
	width: 13;
	height: 645;
	}
div.left-navi-clan
   {
    position: absolute;
	left: 13;
	top: 155;
	background-image: url(images/xphobia_3.jpg);
	width: 145;
	height: 13;
	}
div.left-content-space
   {
    position: absolute;
	left: 158;
	top: 155;
	background-image: url(images/phobia_4.jpg);
    width: 8;
	height: 145;
	}
div.content
   {
    position: absolute;
	left: 166;
	top: 155;
	background-image: url(images/phobia_5.jpg);
    width: 640;
	height: 645;
	}
div.right-content-space
   {
    position: absolute;
	left: 806;
	top: 155;
	background-image: url(images/phobia_6.jpg);
    width: 8;
	height: 645;
    }
div.right-navi-login
   {
    position: absolute;
	left: 814;
	top: 155;
	background-image: url(images/phobia_7.jpg);
    width: 171;
	height: 13;
    }
div.right-space
   {
    position: absolute;
	left: 985;
	top: 155;
	background-image: url(images/phobia_8.jpg);
    width: 15;
	height: 645;
    }
div.left-navi-clan-inhalt
   {
    position: absolute;
	left: 13;
	top: 168;
	background-image: url(images/phobia_9.jpg);
    width: 145;
	height: 39;
    }
div.right-navi-login-inhalt
   {
    position: absolute;
	left: 814;
	top: 168;
	background-image: url(images/phobia_10.jpg);
    width: 171;
	height: 39;
    }
div.left-navi-community
   {
    position: absolute;
	left: 13;
	top: 207;
	background-image: url(images/phobia_11.jpg);
    width: 154;
	height: 14;
    }
div.right-navi-vote
   {
    position: absolute;
	left: 814;
	top: 207;
	background-image: url(images/phobia_12.jpg);
    width: 171;
	height: 14;
    }
div.left-navi-community-inhalt
   {
    position: absolute;
	left: 814;
	top: 207;
	background-image: url(images/phobia_13.jpg);
    width: 171;
	height: 14;
    }

Alles anzeigen

und eine test.php in dem die divs stehen:

Code

</head>
            <body bgcolor="#878787" rigthmargin="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
				  <div class="header"></div>
				  <div class="left-space"></div>
				  <div class="left-navi-clan"></div>
				  <div class="left-content-space"></div>
				  <div class="content"></div>
				  <div class="right-content-space"></div>
				  <div class="right-navi-login"></div>
				  <div class="right-space"></div>
				  <div class="left-navi-clan-inhalt"></div>
				  <div class="right-navi-login-inhalt"></div>
				  <div class="left-navi-community"></div>
				  <div class="right-navi-vote"></div>
				  <div class="left-navi-community-inhalt"></div>
                  </body>
</html>

Alles anzeigen

aber auf der seite wird nichts angezeigt....woran kann das liegen.
http://azustek.funpic.de/test.php

Ochsenfrosch

hast du die css befehle in eine externe datei gemacht? wenn ja hast du vielleicht vergessen sie einzubinden.

SonicChriz

ne ich habe nur was falsch geschrieben .....close

SonicChriz

Dann hätte ich noch eine Frage:
Ich habe ja alle diese <div> tags anstatt tabellen genommen,es wird auch alles richtig angezeigt außer das sie die divs nicht vergrößern wenn mehr inhalt reinkommt als die größe der divs ist.
Also wenn die height des divs ="20" ist,und der inhalt des divs aber height="40" beansprucht wie kann ich es machen das sich die größe der divs beeinflussen lässt wenn der inhalt mehr ist?
iuch habs schon mit heigh: auto; versucht geht aber irgendwie nicht
ich hoffe ihr wisst was ich meine

zusehen hier http://azustek.az.funpic.de/test.php
und so sollte es aussehen http://azustek.az.funpic.de/

pindakaas

theoretisch mit min-width max-width möglich sein aber der IE verhindert es

Didi

Hi,

Zitat

wie kann ich es machen das sich die größe der divs beeinflussen lässt wenn der inhalt mehr ist?

Indem du schlichtweg auf die Angabe der Höhe verzichtest.. Die Elemente,wenn sie richtig angeordnet sind passen sich automatisch an..Sieh dir dazu mal das hier an
Ich würde in deinem fall auch auf "absolute" Positionierung verzichten. Das macht eine Seite sehr unflexibel-
.
.
Gruss Dieter

topfblume

moin ...

Es sieht ganz so aus, als wenn Du von einem Tabellendesign zu einem css basiertem Design wechseln wolltest, was aber absolut nicht notwendig ist, wenn Du die Tabelle gegen eine Divsuppe tauscht.

Ist meine Meinung

gruß

SonicChriz

Ich habe das nicht gemacht weil ich css besser finde.
Das hat den grund das sich die tabellenausirchtung nicht richtig angepasst hat es ist auseinandergefallen und deshalb mach ich das.

SonicChriz

Zitat von Didi

Hi,

Indem du schlichtweg auf die Angabe der Höhe verzichtest.. Die Elemente,wenn sie richtig angeordnet sind passen sich automatisch an..Sieh dir dazu mal das hier an
Ich würde in deinem fall auch auf "absolute" Positionierung verzichten. Das macht eine Seite sehr unflexibel-
.
.
Gruss Dieter

hm...aber wenn ich nicht position: absolute; nehmen soll,was dann?

SonicChriz

Und die seite die du mir geschrieben hast,da komm ich garde nicht so mit klar.
Kannst du mir vll die ersten 3 bilder in der css datei so machen wie du es meinst?vll sehe ich dann was du meinst...

Didi

Hi, sorry für die Verspätung:) war auf Arbeit..
Welche Bilder meinst du, gib mir nochmal einen Link bitte
.
.
Gruss Didi

Tags