zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden erstes css layout, hilfe beim zentrieren gesucht...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.12.2005, 19:47
Benutzerbild von leooo
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.12.2005
Beiträge: 12
leooo befindet sich auf einem aufstrebenden Ast
Standard erstes css layout, hilfe beim zentrieren gesucht...

hallo.

heute war es endlich soweit und ich habe mich an meinem ersten css layout versucht. so weit so gut. als ich dann mit meinem versuch fertig war stellte ich fest das ich das ganze ja ganz gerne horizontal und vertikal zentriert hätte.

hier mal ein screenshot:



wie kann ich das nun am einfachsten realisieren?
würde mich über tips sehr freuen.
mfg, leooo


und hier mal mein quelltext:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<title>Untitled</title>
	
<style type="text/css" media="screen">

	body
	{
	margin: 0;
	padding: 0;
	font: 12px  verdana, arial, hevetica, sans-serif;
	color: #505367;
	background-color: #ffffff;
	}

	#container
	{
	margin: 1 em auto;
	width: 995px;
	height: 600px;
	background-color: #54A5A8;
	}
	
	#header {
	position:absolute;
	top:0px; bottom:489px; left:0px; right:0px;
	width: 995px;
	height: 107px;
	background-color: #00FFCC;
	z-index:1;
	}
	
	#logo {
	position:absolute;
	top:36px; bottom:416px; left:581px; right:117px;
	width: 144px;
	height: 143px;
	z-index:2;
	background-color: red;
	}
	
	#left_bg {
	position:absolute;
	top:108px; left:0px;
	width: 233px;
	height: 488px;
	z-index:1;
	}
	
	#mainnav {
	position:absolute;
	top:201px; bottom:76px; left:30px; right:643px;
	width:168px;
	height:318px;
	text-align:right;
	line-height:18px;
	color:#ffffff;
	z-index:2;
	}
	
	#maincontent {
	position:absolute;
	top:201px; bottom:76px; left:265px; right:58px;
	width:519px;
	height:318px;
	z-index:2;
	background-color: #ffffff;
	}
	
	#maintext {
	position:absolute;
	top:227px; bottom:112px;  left:327px; right:103px;
    width:415px;
	height:260px;
	z-index:3;
	background-color: #ffffff;
	}
	
	
	#leftbar {
	position:absolute;
	z-index:1;
	top:173px; bottom:49px; left:232px; right:535px;
	width:75px;
	height:373px;
	background-color: #00FFCC;
	}
	
	#rightbar {
	position:absolute;
	z-index:1;
	top:173px; bottom:49px; left:742px; right:25px;
	width:75px;
	height:373px;
	background-color: #00FFCC;
	}
	
</style>
</head>

<body>

<div id="container">
	<div id="header"></div>	
	<div id="logo"></div>
	<div id="left_bg"></div>
	<div id="mainnav">
		Navipunkt 1

		Navipunkt 2

		Navipunkt 3

		Navipunkt 4

		Navipunkt 5

		Navipunkt 6

		Navipunkt 7

		Navipunkt 8

		Navipunkt 9

		Navipunkt 10

	</div>	
	<div id="maincontent"></div>
	<div id="maintext">Blindtext

Blindtext ist so toll. Blindtext ist so toll. Blindtext ist so toll. 
		Blindtext ist so toll. Blindtext ist so toll. Blindtext ist so toll. Blindtext ist so toll. Blindtext ist so toll. Blindtext ist so toll. </div>
	<div id="leftbar"></div>
	<div id="rightbar"></div>
</div> 


</body>
</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.12.2005, 02:36
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.08.2005
Beiträge: 122
Sentinel befindet sich auf einem aufstrebenden Ast
Standard

nimm doch mal die suchfunktion vom forum, dazu gibt es einige themen
__________________
Wie ich am schnellsten Hilfe bekomme...

1. Beschreibung des Problems
2. HTML Case mit eurem Code
3. CSS Case mit eurem Code
4. evtl. einen Screenshot oder einen Demo Link

Bsp: http://www.xhtmlforum.de/viewtopic.php?t=6613
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
Tool in CSS Layout einbauen chris_54 CSS 10 07.11.2013 21:23
hilfe zu cms/blogsystem textpattern gesucht andip Offtopic 8 13.12.2012 01:40
Mein erstes CSS Layout - hab ichs richtig gemacht..? *vivian CSS 1 11.09.2008 01:19
Layout selbst coden - Hilfe ! kgsbm CSS 3 25.03.2008 19:25
includes bei css layout dan CSS 2 10.03.2004 18:21


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:08 Uhr.