Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.04.2009 um 13:57 (UTC)    
Titel: Styl mittig machen

http://byd3nniz.de.tl/Start.htm

Wie kann ich dies in die Mitte der Seite machen?

(code)
Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

body {background-image:url(http://s2.imgimg.de/uploads/cod5screensaver63c6a555jpg.jpg);}


a{color:#000080; font-size: 15px; text-decoration: none;}
a:hover {color: #000080; font-size: 15px; text-decoration: none;}
a:link {color: #000080; font-size: 15px; text-decoration: none;}
a:active {color: #000080; font-size: 15px; text-decoration: none;}
a:visited {color: #000080; font-size: 15px; text-decoration: none;}

li.nav_element a{
color:#FFFFFF;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 120px;
height: 20px;
background-image:url();
background-color:#4D4D4D;}

li.nav_element a:hover{
color:#FFFFFF;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 120px;
height: 20px;
background-image:url();
background-color:#919191;}



* { padding: 0; margin: 0; }

#Design04 {
margin: 0 auto;
width: 922px;}

#Header_oben {
height: 70px;
width: 900px;
background: #transparent;
background-image:url(h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

body {background-img:#808080;}background-color:#7B7B7B;


a{color:#000080; font-size: 15px; text-decoration: none;}
a:hover {color: #000080; font-size: 15px; text-decoration: none;}
a:link {color: #000080; font-size: 15px; text-decoration: none;}
a:active {color: #000080; font-size: 15px; text-decoration: none;}
a:visited {color: #000080; font-size: 15px; text-decoration: none;}

li.nav_element a{
color:#FFFFFF;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 120px;
height: 20px;
background-image:url();
background-color:#4D4D4D;}

li.nav_element a:hover{
color:#FFFFFF;
display: block;
margin: 5px;
padding-left: 10px;
text-decoration: none;
width: 120px;
height: 20px;
background-image:url();
background-color:#919191;}



* { padding: 0; margin: 0; }

#Design04 {
margin: 0 auto;
width: 922px;}

#Header_oben {
height: 70px;
width: 900px;
background: #transparent;
background-image:url();
color: #FFFFFF;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#nav_container {
width: 120px;
height: 340px;
background: #transparent;
background-image:url();
color: #ffffff;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#content {
height: 600px;
width: 850px;
background: #transparent;
background-image:url();
color: #ffffff;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;


#sidebar_container {
height: 340px;
width: 180px;
background: #transparent;
background-image:url();
color: #ffffff;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: right;
overflow:auto;}

#Feld_unten {
width: 900px;
background: #transparent;
color: #FFFFFF;
clear: both;
border: 1px solid #6E6E6E;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{display: none;});
color: #FFFFFF;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#nav_container {
width: 120px;
height: 340px;
background: #transparent;
background-image:url();
color: #ffffff;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#content {
height: 600px;
width: 850px;
background: #transparent;
background-image:url();
color: #ffffff;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;


#sidebar_container {
height: 340px;
width: 180px;
background: #transparent;
background-image:url();
color: #ffffff;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: right;
overflow:auto;}

#Feld_unten {
width: 900px;
background: #transparent;
color: #FFFFFF;
clear: both;
border: 1px solid #6E6E6E;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{display: none;}
Beitrag29.04.2009 um 19:05 (UTC)    
Titel:

Ich weiß das ma auch mit % in den Angaben arbeiten kann, also zb
sry, bei letzten mal hab ich mich verdacht...
#content {
left: 50%
height: 600px;
width: 850px;
background: #transparent;
background-image:url();
color: #ffffff;
border: 1px solid #6E6E6E;
margin-left: -500px;
padding: 10px;
display: inline;
float: left;

Mit dem Befehl "left" 50% sagst du dem #content das er genau in der Mitte sein soll. Wenn du jetzt margin-left: -100px; machst, sagst du das der gegenstand 100px nacht links von der Mitte entfernt sein soll, da wir "left" ja auf der Mitte platziert haben.
______________


Zuletzt bearbeitet von free-rider-freaks am 30.04.2009, 10:02, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de