zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit 3 Spaltigem Layout

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.05.2006, 20:58
Benutzerbild von stipo
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.03.2006
Beiträge: 15
stipo befindet sich auf einem aufstrebenden Ast
Standard Problem mit 3 Spaltigem Layout

Nabend zusammen,

nach nun doch längerem Selbstversuch das Problem zu lösen, komme ich doch mal auf euch zurück.

Ich möchte ein 3-Spaltiges CSS Layout erstellen, was ansich ja nicht sonderlich schwer ist, da es genügend beispiele im Netz gibt.

Nun zu meinem Problem, das Design stimmt insoweit schon mal wie ich mir das vorstelle, nur das ich ein Problem mit den Mozilla Browsern habe ( Firefox / Opera ).

Als erstes mal den Code der HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
	<div id="navheader">KontaktImpressum</div>
	<div id="header">Header</div>
	<div id="left">
		<ul class="ul_navi">
			<li class="navi">&raquo;Home
			<li class="navi">&raquo;Entwicklung
			<li class="navi">&raquo;Hintergrund
			<li class="navi">&raquo;Features
			<ul class="ul_subnavi">
				[*]Screen
				[*]können
			[/list]			<li class="navi">&raquo;Dokumentation
			<li class="navi">&raquo;Downloads
			<li class="navi">&raquo;Forum
			<li class="navi">&raquo;Demo
			<li class="navi">&raquo;AGB
			<li class="navi">&raquo;Datenschutz
		[/list]	</div>
	<div id="content">Content</div>
	<br style="clear:both" />
	<div id="footer">Footer</div>
</div>
</body>
</html>
Und der Code des CSS:
Code:
/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}
#container {
	width:800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #F5F5F5;
	padding: 10px;
}
#navheader {
	text-align: right;
	height: 20px;
}
#header {
	background-color: #CCCCCC;
	height: 50px;
}
#left {
	width: 180px;
	float: left;

}
#content {
	width: auto;
}
#footer {
	text-align: center;
	background-color: #00DCFF;
	padding: 3px;
	font-weight: bold;
}
.navi {
	display: block;
	clear: right;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}
.ul_navi {
	margin-left: 0em;
	padding-left: 0em;
	list-style-position: inside;
	list-style-type: none;
	width: 180px;
}
.ul_subnavi {
	list-style-position: inside;
	list-style-type: square;
	padding-bottom: 10px;
}
.menulink {
	text-decoration: none;
	color: #000000;
}
a.menulink:hover {
	color:#FF0000;
}
Nun zu meinem Problem:
Ich bekomme es nicht hin, das die Navigation ( der Home Link ) in einer Flucht zu dem Content steht. Und wie schon gesagt, das Problem hab ich nur in den Mozilla Browsern, im IE wird es so angezeigt wie ich mir das vorstelle.

Sollten noch fragen bestehen, oder hab ich es schlecht erklärt, einfach fragen bin nicht böse

Ich danke schon mal im vorraus für jede Hilfe, denn sicher ist es wieder nur eine kleinigkeit.

Grüße Stipo
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
problem mit layout --> testcase andip CSS 5 29.02.2008 14:10
css layout problem fz21z CSS 0 30.01.2008 22:41
Problem mit dreispaltigem Layout im IE Breezah CSS 7 13.08.2006 21:27
Problem mit 3-Zeiligem Layout guenterfrosch CSS 6 10.08.2006 12:41
Layout Problem smooth-graphics CSS 3 08.08.2006 17:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:47 Uhr.