Homepage Align = Auto

[Bjoerk]

Ne, er macht es nicht, also er macht es schon, nur nicht gleich bei allen Siten obwohl ich nur diesen einen Style verwende?

Code:

body {
   text-align: left;
}
a {
   text-decoration:none;
}
a:hover {
   text-decoration: underline;
}
#wrap {
    margin: auto;
    text-align: left;
    width: 800px;
} 
.float-l {
   float:left
}
.folat-r {
   float:right
}
.clearfix {
   clear:both
}
/* header */
#header {
   background:url(images/header.gif) no-repeat;
   height:208px
}
#header h1 {
   font-size:38px;
   padding-top: 32px;
   padding-left: 80px;
}
#header h1 span {
   font-size:16px
}
ul#nav {
   position: absolute;
   top: 125px;
   padding-left: 80px;
   overflow: hidden;
}
ul#nav li {
   float:left;
   height:50px;
}
ul#nav li a {
   color: #fff;
   font-weight: 700;
   height: 50px;
   padding: 0px 35px 0px 35px;
   line-height: 32px;
}
ul#nav li a:hover {
   background:url(images/nav_hover.gif) no-repeat;
   height:40px;
   padding:8px 35px;
   line-height:32px
}
/* content */
#content {
   background: url(images/content.gif) no-repeat;
   height: auto;
   padding: 10px 30px;
}
#content .left {
   width:500px
}
#content h2 {
   font-size: xx-large
}
#content p {
   padding: 10px 0px 10px 0px;
}
#content .right {
   width: 170px;
   padding-top: 30px;
}
ul#meun {
   text-align:left;
   float:left
}
ul#meun li {
   list-style:url(images/arrow.gif) inside;
   line-height:19px
}
/* blog */
#blog {
   background: no-repeat;
   height: 237px;
   padding: 20px 30px 0 40px;
}
.blog {
   float: left;
   width: 200px;
   padding: 0 0px 0 20px
}
.blog h2 {
   font-size: xx-large;
   padding-bottom: 10px;
}
.blog .quote {
   color: #000000
}
/* footer */
#footer {
   background:url(images/footer.gif) no-repeat;
   height:109px;
   text-align:center;
   padding-top:50px
}
#ftlink, #copyright {
   padding-bottom:8px;
}

PS, Frank, deine neue Hompage sieht wesentlich besser aus als deine bisherige.

[Olli73]

Liegt vermutlich an der vertikalen Scrollbar. Der "springt" sogar ein paar Pixel (= halbe Scrollbarbreite) nach links/rechts, wenn man die Höhe des Browserfensters so ändert, dass die Scrollbar ein-/ausgeblendet wird.

[user0815]

Ist zwar nicht die Antwort dazu, aber guck Dir mal http://getbootstrap.com/ an.
Dort auf http://getbootstrap.com/getting-started/ gibt es Beispiele...
Man muss nichts installieren nur die CDN einbinden.

[Bjoerk]

user0815, danke für die links, schau ich mir gelegntlich an.

Zitat von Olli73:

Liegt vermutlich an der vertikalen Scrollbar. Der "springt" sogar ein paar Pixel (= halbe Scrollbarbreite) nach links/rechts, wenn man die Höhe des Browserfensters so ändert, dass die Scrollbar ein-/ausgeblendet wird.

Hey, vielen Dank, das isses. Da kann man dann wohl nix machen?

[bcvs]

Doch, man kann dafür sorgen, dass die Scrollbar immer angezeigt wird.
z.B. so:
http://www.web-toolbox.net/webtoolbo...-erzwingen.htm

[Bjoerk]

Code:

overflow: scroll;

Thanx!