Baumstrukturmodus | Linearer Modus

LordCrusader · 26.03.2005, 08:53

Hi Leute,
Ich hab ein Problem mit XHTMl, CSS. Eine Datei die ich erstellt habe wird nicht richtig angezeigt.
Aber erstmal die Codes:

Also das is die Seite
[code:1]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" >
<head>
<title>Team Mountain Eagles</title>
<meta name="description" content="Softairteam aus dem Saarland. Erfahren sie hier mehr über diesen Sport und werden sie Mitglied." />
<meta name="author" content="Kevin Mohr, Ottweiler" />
<meta name="keywords" content="Softair, Airsoft, Softairteam, Airsoftteam, Airsoft Saarland, Softair Saarland, Airsoftteam Saarland, Softairteam Saarland, Saarland, St. Wendel, Mountain, Eagles, Mountain Eagles, Team Mountain Eagles, G36c, BB, Paintball, Flecktarn, BDU, Bundeswehr, Army, Softairforum" />
<meta name="copyright" content="(c) Team Mountain Eagles, 2005"/>

<meta name="robots" content="index, follows" />
<link rel="stylesheet" type="text/css" href="style/styles.css" />
<link rel="stylesheet" type="text/css" href="style/layer.css" />
</head>
<body>

<div id="header"><img src="images/header.jpg" /></div>
<div id="topnav"> <a href="index.php?"><img src="images/01.gif" alt="startseite" class="button" /></a>
<a href="index.php?"><img src="images/02.gif" alt="Uumlber uns" class="button" /></a>
<a href="index.php?"><img src="images/03.gif" alt="Gesichte" class="button" /></a>
<a href="index.php?"><img src="images/04.gif" alt="unsere Regeln" class="button" /></a>
<a href="index.php?"><img src="images/05.gif" alt="Bilder" class="button" /></a>
<a href="index.php?"><img src="images/06.gif" alt="Impressum" class="button" /></a>
<a href="index.php?"><img src="images/bg01.gif" alt="" style="float: right;" /></a>
</div>

<div id="leftnav">News</div>
<div id="inhalt"> da da</div>

</body>
</html>[/code:1]

Und das hier is die eine Styledatei die für die divs verantwortlich ist:

[code:1]
#body { width: 100%; padding-top: }
{ padding: 0px;
white-space: nowrap;}
#header {width: 790px;
height: 150px;
white-space: nowrap;
background-image: url(../images/header.jpg); }
#topnav { width: 790px;
background-color: #DEDEDE;
}
#leftnav {width: 150px;
height: 890px;
background-color: #DEDEDE;
background-image: url(../images/bg03.gif);
background-repeat: no-repeat;
background-position: 50% 25%;
float: left;
padding: 4px;
}

#inhalt {
width: 635px;
height: 890px;
padding: 4px;

}
[/code:1]

Und halt noch die für andere Formatierungen(kommen später noch welche hinzu wird nicht so wenig bleiben.)

[code:1]
img.button {border: 0; float: left;}
img {border: 0;}
[/code:1]

Mein Problem is halt jetzt das <div id="inhalt"> von
<div id="leftnav"> überlappt wird. Und ich weiss nicht warum.
Der einzige Browser der das nicht tut is der IE. Bei allen anderen überlappt es sich.

Wäre echt froh wenn mir da einer helfen könnte.
Danke schonmal im Vorraus.

greetz

White · 26.03.2005, 09:10

Weiß nicht was du willst, bei mir wurde im FF der Inhalt nicht von der leftnav überlappt.
allerdings war das CSS etwas verrutscht und mies und auch der Aufbau nicht ganz das wahre aber du fängst ja erst an Smile

http://centralscript.ce.funpic.de/contro.../crus.html
da hab ichs mal ein bisschen hergerichtet obs dir hilft oder ob du das so wolltest weiß ich jetzt nicht.

Greetz

znay · 26.03.2005, 12:47

Ich hab mich dem Problem mal angenommen Wink

Bitteschön http://znay.de/temp/css.htm

EDIT: Du musst aus "/* text-indent:-1500px; */" "text-indent:-1500px;" machen, damit der Text bei den Links weg ist.

EDIT2: für den Hintergrund der Navigation empfehle ich Fauxcolumns

LordCrusader · 26.03.2005, 12:56

Ok danke.
So wird das schon eher was. Bei white sah das alles verbauter aus als es ohnehin schon ist.^^

greetz

White · 26.03.2005, 13:04

LordCrusader2 schrieb:Ok danke.
So wird das schon eher was. Bei white sah das alles verbauter aus als es ohnehin schon ist.^^

greetz

problem war das man aus deiner anfrage auch nicht so ganz schlüssig wurde...

is mir auch so ziemlich wurscht Mrgreen

e-phy · 26.03.2005, 15:40

Eine anscheinend gute Quellen gerade zu diesem Themengebiet habe ich eben gerade 'ersurft' vielleicht ist hier das ein oder andere dabei. reinschaun lohnt sich bestimmt.
http://jendryschik.de/wsdev/einfuehrung/

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	Anfänger Problem -> Content neben Menü / Copyright	Nobody	1	1.877	17.07.2007 14:02 Letzter Beitrag: e-phy
	Problem - Fixierte CSS "Tabelle"	Takedown	14	4.068	11.05.2007 12:14 Letzter Beitrag: Blacksoul
	JavaScript Problem bei event.handler	fakerlol	8	1.475	10.04.2007 20:36 Letzter Beitrag: Blacksoul
	Scrollbar-Problem mit zentrierter Tabelle	timmiii	17	2.052	16.02.2007 21:02 Letzter Beitrag: timmiii
	Unterschied zwischen HTML & XHTML	wayne	2	1.038	06.07.2006 15:14 Letzter Beitrag: e-phy
	css Problem	Blacksoul	33	4.780	27.01.2006 20:25 Letzter Beitrag: Blacksoul
	XHTML Strict mit target	~Christian	9	1.266	18.08.2005 08:03 Letzter Beitrag: ~Christian
	xHTML	e-phy	7	1.152	17.08.2005 18:37 Letzter Beitrag: Blacksoul
	Problem mit cookie-code	Trallala	5	1.293	07.04.2005 18:49 Letzter Beitrag: Trallala