CSS content an falscher stelle angezeigt.

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

21:19, 10.4.2008

Hallo,

ich steige leider gerade durch css mal wieder nicht durch. Ich habe es schon mehrmals mit so einem ähnlichen code geschafft. Aber jetzt scheitere ich an so etwas wahrscheinlich recht einfachem.

Ich habe die Seite
http://raubritta.lima-city.de/StrategicWar/team.php

dort möchte ich zuerst mein Menü anzeigen und danach den Inhalt hineinschreiben.

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<meta name=\"robots\" content=\"INDEX,FOLLOW\">
<meta name=\"keywords\" content=\"StrategicWar\">
<meta name=\"description\" content=\"StrategicWar\" >
<title>StrategicWar</title>
<link rel=\"stylesheet\" href=\"index.css\" type=\"text/css\">
</head>
<body>
<div id=\"header\"></div>
<div id=\"content\">
	<div>
	    <a href=\"index.php\" id=\"navi_startseite\"></a>
            <a href=\"registrieren.php\" id=\"navi_registrieren\"></a>
            <a href=\"chat.php\" id=\"navi_chat\"></a>
            <a href=\"forum.php\" id=\"navi_forum\"></a>
            <a href=\"screenshots.php\" id=\"navi_screenshots\"></a>
	    <a href=\"team.php\" id=\"navi_team\"></a>
            <a href=\"impressum.php\" id=\"navi_impressum\"></a>
	</div>
	<div id=\"inhalt\">	
		<h2>TEAM</h2>
		Robin alias Raubritter<br>		
		Sebastian alias Sebby92<br>	
	</div>

</div>

<div id=\"schluss\"></div>

</body>
</html>

body 
{ 
background-color: #808080;
}


a:link { color:black;}
a:visited { color:black;}
a:focus { color:black;}
a:active { color:black;}

img
{
border: 0;
}

#banner
{
height:123px;
width:1000px;
background-image:url(bilder/header2.jpg);
background-repeat:no-repeat;
display:block;
float:left;
}



#content
{
height:418px;
width:1000px;
background-image:url(bilder/nav.jpg);
background-repeat:repeat-y;
display:block;
}

#navi
{
height:418px;
width:200px;
display:block;
float:left;
}

#interface
{
height:418px;
width:500px;
display:block;
float:left;
}
#links
{
height:418px;
width:150px;
display:block;

}
#rechts
{
height:418px;
width:350px;
display:block;
float:left;
}

.oben
{
background-image:url(bilder/oben.jpg);
background-repeat:no-repeat;
}

.mitte
{
height:150px;
background-image:url(bilder/mitte.jpg);
background-repeat:repeat-y;
}

.unten
{
background-image:url(bilder/unten.jpg);
background-repeat:no-repeat;
}

a.navi_uebersicht
{
background-image:url(bilder/uebersichti.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}


a.navi_terminplan 
{
background-image:url(bilder/terminplani.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_songs
{
background-image:url(bilder/songsi.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_band
{
background-image:url(bilder/bandi.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_shop
{
background-image:url(bilder/shopi.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_technik
{
background-image:url(bilder/techniki.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_nachrichten
{
background-image:url(bilder/nachrichteni.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_notizzettel
{
background-image:url(bilder/notizzetteli.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_einstellungen
{
background-image:url(bilder/einstellungeni.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_statistiken
{
background-image:url(bilder/statistikeni.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_vhp
{
background-image:url(bilder/vhpi.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_finanzen
{
background-image:url(bilder/finanzeni.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_band
{
background-image:url(bilder/bandi.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

a.navi_logout
{
background-image:url(bilder/logouti.jpg);
background-repeat:no-repeat;
width:160px;
height:38px;
display:block;
}

Ich sitze jetzt wirklich schon 2 h an diesem mist und finde einfach nicht die richtig Funktion.
Bin echt für jeden Tipp dankbar.

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
planschkuh

planschkuh hat kostenlosen Webspace.

22:17, 10.4.2008
Dem div, in dem das Menü angezeigt wird, gibst du erstmal einen Namen. \"menu\" vllt.

Dann sieht das ganze ungefähr so aus:

#menu{
/*bla*/
float:left;
}

und beim Inhalt-Div fügst du ein \"float:right;\" ein.

Solte dann klappen^^
Autor dieses Themas
raubritta

raubritta hat kostenlosen Webspace.

16:55, 11.4.2008
vielen dank.

Ich hatte es bereits einmal mit etwa der sache (menu div) hab sie aber dann wieder gelöscht, da ich dachte es könnte auch ohne gehen^^. Dort hat in der Zeit wohl was anderes gefehlt... -> denkfehler

endlich kann ich weiterprogrammieren.

(inhalt div hab ich auf float:left gelassen ;))
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city