nicht angemeldet
Dreamweaver 3 spaltige css mittig
Hallo leute ich habe ein Problem mit der dreispaltigen vorgabe von Dreamweaver.
Ich bekomme sie einfach nicht mittig.
Normalerweiße ist es doch so das man durch text-align:center im Body
und text-align:left im Container die Hp mittig zentriert.
Bei der geht es aber nicht kann mir von euch vielleicht einer helfen???
Wäre sehr dankbar.
mfg Thomas
Ich hoffe ich darf das so reinstellen
Hier mal der Css Code
body{
font-family: Arial,sans-serif;
color:#999999;
line-height: 1.166;
margin-left: 50px;
padding: 0px;
width:900px;
background-image:url(jaja.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-color:#000000;
}
a{
color:#990000;
text-decoration: none;
}
a:link{
color: #990000;
text-decoration: none;
}
a:visited{
color: #990000;
text-decoration: none;
}
a:hover{
color:#FFFF00;
text-decoration: underline;
}
h1{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
margin: 0px;
padding: 0px;
}
h2{
font-family: Arial,sans-serif;
font-size: 114%;
color: #006699;
margin: 0px;
padding: 0px;
}
h3{
font-family: Arial,sans-serif;
font-size: 100%;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}
h4{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: normal;
color: #333333;
margin: 0px;
padding: 0px;
}
h5{
font-family: Verdana,Arial,sans-serif;
font-size: 100%;
color: #334d55;
margin: 0px;
padding: 0px;
}
ul{
list-style-type: square;
}
ul ul{
list-style-type: disc;
}
ul ul ul{
list-style-type: none;
}
label{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: bold;
color: #FFFFFF;
}
/***********************************************/
/* Layout Divs */
/***********************************************/
#masthead{
padding: 10px 0px 0px 0px;
height:200px;
width: 100%;
background-image:url(Header.png);
background-repeat:no-repeat;
}
#navBar{
float: left;
width: 246px;
margin: 0px;
padding-top: 0px;
text-align:center;
}
#headlines{
float:right;
width: 130px;
padding-right: 10px;
}
#content{
float: left;
width: 506px;
}
.header{
height:55px;
background-image:url(Story_r1_c1.png);
background-repeat:no-repeat;
}
.header2{
height:66px;
background-image:url(nav_r1_c1.png);
background-repeat:no-repeat;
}
.header3{
height:45px;
background-image:url(headline_r1_c1.png);
background-repeat:no-repeat;
}
.feet{
height:55px;
background-image:url(Story_r4_c1.png);
background-repeat:no-repeat;
}
.feet2{
height:40px;
background-image:url(nav_r4_c1.png);
background-repeat:no-repeat;
}
.feet3{
height:40px;
background-image:url(headline_r4_c1.png);
background-repeat:no-repeat;
}
/***********************************************/
/* Components */
/***********************************************/
#siteName{
margin: 0;
padding: 0 0 0 10px;
}
/************* #globalNav styles **************/
#globalNav{
padding: 0px 0px 5px 10px;
color: #cccccc;
}
#globalNav img{
display: block;
}
#globalNav a {
font-size: 90%;
padding: 0 4px 0 0;
}
/*************** #pageName styles **************/
#pageName{
margin: 0px;
padding: 0px 0px 0px 10px;
}
/************* #breadCrumb styles *************/
#breadCrumb{
font-size: 80%;
padding: 2px 0px 0 10px;
}
/************** .feature styles ***************/
.feature{
padding-left:20px;
padding-right:20px;
font-size: 80%;
background-image:url(Story_r2_c1.png);
background-repeat:repeat-y;
}
.feature h3{
padding: 30px 0px 5px 0px;
text-align: left;
}
.feature img{
float: left;
padding: 10px 10px 0px 0px;
}
/************** .story styles *****************/
.story{
padding-left:20px;
padding-right:20px;
padding-top:10px;
font-size: 80%;
background-image:url(Story_r2_c1.png);
background-repeat:repeat-y;
}
.story h3{
padding: 30px 0px 5px 0px;
text-align: left;
}
.story p{
padding: 0px 0px 10px 0px;
}
/************* #siteInfo styles ***************/
#siteInfo{
clear: both;
font-size: 75%;
color: #cccccc;
padding: 10px 10px 10px 10px;
}
#siteInfo img{
padding: 4px 4px 4px 10px;
vertical-align: middle;
}
/************* #search styles ***************/
#search{
padding: 5px 0px 5px 10px;
background-image:url(nav_r2_c1.png);
background-repeat:repeat-y;
font-size: 90%;
}
#search form{
margin: 0px;
padding: 0px;
}
#search label{
display: block;
margin: 0px;
padding: 0px;
}
/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {}
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}
/*********** #sectionLinks styles ***********/
#sectionLinks{
margin: 0px;
padding: 0px;
background-image:url(nav_r2_c1.png);
background-repeat:repeat-y;
font-size: 90%;
}
#sectionLinks h3{
padding: 10px 0px 2px 10px;
}
#sectionLinks a {
display: block;
padding: 2px 0px 0px 10px;
}
#sectionLinks a:hover{
}
/*********** .relatedLinks styles ***********/
.relatedLinks{
margin: 0px;
padding: 0px 0px 10px 10px;
font-size: 90%;
background-image:url(nav_r2_c1.png);
background-repeat:repeat-y;
}
.relatedLinks h3{
padding: 10px 0px 2px 0px;
}
.relatedLinks a:link,
.relatedLinks a:visited {
display: block;
}
/************** #advert styles **************/
#advert{
padding: 30px 0px 10px;
background-image:url(headline_r2_c1.png);
background-repeat:repeat-y;
}
#advert img{
display: block;
}
/************** #headlines styles **************/
#headlines{
background-image:url(headline_r2_c1.png);
background-repeat:repeat-y;
margin-top: 20px;
text-align:center;
font-size: 80%;
}
#headlines p{
padding: 5px 0px 5px 0px;
}
-
Sorry für Doppelpost hab den Link falsch geschrieben
http://members.chello.at/kratzekatze
mfg Thomas
-
Hi,
Ich bekomme sie einfach nicht mittig.
Normalerweiße ist es doch so das man durch text-align:center im Body
und text-align:left im Container die Hp mittig zentriert.Nein. Das ist lediglich ein üblicher Workaround für den IE<6 bzw. IEs im quirks mode, die margin:auto nicht korrekt umsetzen.
Ich sehe in Deinem Code aber weder diesen Workaround, noch margin:auto.
freundliche Grüße
Ingo