Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag06.03.2013 um 12:10 (UTC)    
Titel: Design zentriert ausrichten

Hallo,
ich habe eine Designvorlage etwas verändert und habe nun das Problem, dass mein Design nun nicht mehr zentriert ist, sondern deutlich näher an der rechten Seite. Ich selbst habe schon alles mögliche versucht, komme aber nicht auf die Lösung.

http://www.fly-air.bplaced.net/

Hier der Code:

Code:

html, body
{
   height: 100%;
}

body
{
    margin: 0 auto;
   margin-top: 50px;
   margin-bottom: 20px;
   padding: 0px;
   background: url() repeat;

   font-family: 'Open Sans', sans-serif;
   font-size: 10pt;
   color: white;
}

h1, h2, h3
{
   margin: 0;
   padding: 0;
}

h2
{
   text-transform: uppercase;
   font-family: 'Fjalla One', sans-serif;
   color: #222222;
}

p, ol, ul
{
   margin-top: 0px;
}

p
{
   line-height: 180%;
}

strong
{
}

a
{
   color: #222222;
}

a:hover
{
   text-decoration: none;
}

a img
{
   border: none;
}

img.border
{
}

img.alignleft
{
   float: left;
   margin-right: 30px;
}

img.alignright
{
   float: right;
}

img.aligncenter
{
   margin: 0px auto;
}

.image-style img
{
   border-radius: 0px 0px 0px 0px;
}

hr
{
   display: none;
}

/** LEISTE */



#leiste2 /* LEISTE SCHRIFT */
{


   position: fixed;
   margin-right: auto;
   top:0;
   left:0;
   width:100%;
   height:30px;
   background:#333333;

}
#leiste
{
   
   opacity:0.8;
   filter:alpha(opacity=80);
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:30px;
   background-image: url();
    background-color: #333333;
   
}

/** INPUT */
#input
{
   background-color:#FFFFCC;
   border:none;

   }

/** LOGIN */

#login
{

}

/** WRAPPER */

#wrapper
{
   position: relative;
   margin-bottom: 50px;
   
}

.container
{
   width: 500px;
   margin: 0px auto;
}

.clearfix
{
   clear: both;
}

/** HEADER */

#header
{
   overflow: hidden;
}

/** LOGO */

#logo
{
}

#logo h1, #logo p
{
   margin: 0px;
   line-height: normal;
}

#logo h1 a
{
   padding-left: 30px;
   text-decoration: none;
   font-family: 'Satisfy', cursive;
   font-size: 1.60em;
   font-weight: 700;
   color: #00771f;
}

/** PAGE */

#page
{
   position: relative;
}


/** CONTENT */

#content
{
   position: absolute;
   right: 10px;
   width: 725px;
   padding: 1px 1px 0px 10px;
   background: #454545;
   box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255,0.50);
   border-radius: 0px 0px 40px 40px;
}

#content h2 a
{
   display: block;
   padding: 0px 0px 20px 0px;
   text-decoration: none;
   font-size: 1.50em;
   color: #222222;
   font-weight: 400;
}

#content .subtitle
{
   padding: 0px 0px 20px 0px;
   font-size: 2.00em;
   font-weight: 400;
}

#content .post
{
   padding: 40px;
}

#box2
{
   margin: 0px 40px;
   padding: 40px 0px;

}



/* Footer */

#footer
{
   margin: 0px 40px;
   border-top: 1px solid #222222;
}

#footer p
{
   padding: 30px 0px 0px 0px;
   text-align: center;
}

#footer a
{
}

.border
{
}

/** LIST STYLE 1 */

ul.style1 {
   margin: 0px;
   padding: 10px 0px 0px 0px;
   list-style: none;
}

ul.style1 li {
   clear: both;
   margin-bottom: 25px;
   padding: 30px 0px 40px 0px;
   border-top: 1px solid #222222;
}

ul.style1 h3 {
   padding-bottom: 5px;
   font-size: 14px;
   color: #222222;
}

ul.style1 p {
   line-height: 150%;
}

ul.style1 .button-style {
   float: left;
   margin-top: 0px;
}

ul.style1 .first {
   padding-top: 0px;
   border-top: none;
   box-shadow: none;
}




Würde mich echt freuen, wenn mir einer weiterhelfen kann.
Smile


Zuletzt bearbeitet von hannover-stats am 06.03.2013, 13:43, insgesamt 2-mal bearbeitet
Beitrag06.03.2013 um 12:27 (UTC)    
Titel:

Hey,
bei mir sehe ich das Problem nicht, allerdings ist dein Header um einen Pixel (oder 2) nach links verschoben.
Grüße
______________
Floorball is life, the rest is just detail!
Beitrag06.03.2013 um 13:51 (UTC)    
Titel:

wenn es seite ist:

http://www.fly-air.bplaced.net/

dann würde ich auch dort im forum fragen.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beiträge der letzten Zeit anzeigen:   


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