CSS Wordpress content mittig platzieren geht nicht

Lino · 17.05.2009

Hy Leute
ich habe heute an meiner page gearbeitet..

aber ich habe folgendes problem..
also... hier erst mal die page so wie sie bis jetzt ist..

wie man sieht ist der content (bloginhalt) und der Header (Lino Pacino) links..

wie bekomme ich nun diese beide sachen in die mitte so das es bei jeder auflösung in der mitte ist? ich habe schon rumprobiert und alles.. aber es geht nicht..

hoffentlich könnt ihr mir helfen..

hier ist der Code den ich verwende:

/* Begin Structure */

body {
position: center;
margin: 0;
padding: 0;
}

#page {
position: absolute;
margin: 0 auto;
width: 100%;
}

.entry {
border-top: none;
margin-top: 5px;
padding-top: 5px;
}

.entry a{
border-bottom: 1px dotted #84596B;

}

.entry p{
margin-top: 5px;
margin-bottom: 2px;
}

#header {
height: auto;
}

#content {
position: center;
left: 50%;
margin-left: -400px;
width: 800px;
margin: 30px 0 0 0;
float: left;
clear: both;
text-align: center;
}

#content.single {
position: center;
width: 800px;
text-align: center;
margin: 0;
background-color: white;
}

.post {
position: center;
text-align: left;
margin-right: 0;
margin-bottom: 30px;
margin-left: 0;

}

.postmetadata .alt {
margin: 25px 0 0 0;
}

#footer {
width: 800px;
clear: both;
}

#footer.single {
width: 800px;
}

#footer p {
padding: 20px 0;
text-align: center;
margin-top: 0;
margin-bottom: 0;
}

div.columnleft {
float: left;
width: 285px;
padding-right: 33px;
}

div.columnright {
float: right;
width: 285px;
padding-left: 34px;
}

/* End Structure */

claude72 · 17.05.2009

Hallo,

Dein Code:
body {
position: center;
margin: 0;
padding: 0;
}

#page {
position: absolute;
margin: 0 auto;
width: 100%;
}

Probiere mal folgendes:

Code:

body {
margin:0;
padding:0;}

#page {
margin:0 auto;
width:760px;
}

noch ein kleiner Tipp,
valdiere mal deine Seite:

The W3C Markup Validation Service

Immerhin 26 Fehler, das hilft auch manchmal.

Gruß Claudia

Eragon · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

margin: auto;

...heißt das Zauberwort.

Aber claude72 war schneller.

Lino · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

hallo claude72

hab den check mal gemacht aber all die fehler die der check da zeigt, stimmen gar nicht.. also er behauptet z.B. es fehlt ein > oder so.. das bei mir aber vorhanden ist.. naja egal..

also deine korrektur hab ich vorher schon mal ausprobiert.. die ist auch so weit oke..
aber das ding ist.. die navileiste ist jetzt nur 800px breit.. ich möchte sie aber ganz durchgehend.. also vom linken bis zum rechten explorer rand.
und der Navitext also die LINKs sollen links beginnen..

Eragon · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

Wenn deine Navigationsleiste die Breite von 100% haben soll, darfst du sie nicht in den #page Container packen.

In deiner .css fügst du

Code:

#banner {
 width: 100%;
 }

hinzu.

In der .html schneidest du

Code:

<div id="banner">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.linopacino.com/"><strong>LINO PACINO</strong></a>.
&nbsp;
<a href="about.html">ABOUT</a>
&nbsp;

<a href="about.html">CONTACT</a>
&nbsp;
<a href="about.html">EPISODES</a>
&nbsp;
<a href="about.html">BLOG</a>
&nbsp;
<a href="http://twitter.com/LinoPacino">TWITTER</a>
&nbsp;
<a href="feed://linohaltinner.de/blog/?feed=rss2">SUBSCRIBE</a></div>

aus und kopierst den Teil direkt unter <body>

Lino · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

hy eragon..

endlich hats geklappt dank deiner hilfe..

viel dank für eure Hilfe!!

Lino · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

oh.. habe gerade noch was gesehen..
das grosse "LINO PACINO" ist jetzt auch in der mitte..
es sollte aber linksbündig zum content (blog) sein?
wie mach ich das den wieder?

claude72 · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

<h1><a href=""><strong>LINO<BR />PACINO</strong></a</h1>

Hier werden dir ja schon zwei fehler angeziegt,
aber wenn du meinst das du alles richtig hast

<h1><a href=""><strong>LINO<BR />PACINO</strong></a>
</h1>

und so weiter..

Line 56, Column 6: end tag for element "div" which is not open </div> ✉
The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.
If this error occurred in a script section of your document, you should probably read this FAQ entry.

aber okay ;-)
sollte nur ein Tipp sein

Lino · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

oh sorry...
da hab ich in der falschen line gekuckt..

danke..

claude72 · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

aber sind immer noch:
Validation Output: 25 Errors

ich kann es dir nur ans Herz legen, auch wenn es arbeit ist - es lohnt sich!

claude72 · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

ebenso sollte man auf sauberen CSS Code achten:

Lino · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

ich werde die fehler auch noch korriegieren.. danke

habe da aber noch eine frage :S ich hoffe ich nerve euch nicht...

also wie ihr nun seht auf meiner seite ist die Navileise jetzt oben und der Titel "LINO PACINO" auch.. das passt alles..

ich möchte jetzt aber noch die About seite erstellen weiss aber leider nicht wie da ich nicht so begabt in CSS bin...

am liebsten hätte ich das die navileiste nicht immer neu geladen werden muss..
ist dies nur in einem Frame möglich?

wen nicht wie mache ich das?

und wie erstelle ich die about seite oder auch andere die eine breite von 800px haben und die gleichen formatierungen etc..

ich weis man kann <h2>titel</h2> und so eingeben für die gleichen überschrieften..

aber wie kann ich dan die About seite verlinken in der navileiste?

ich hoffe das war einigermassen verständlich ausgedrückt? :S

nochmals vielen dank für eure hilfe!!

claude72 · 17.05.2009

AW: CSS Wordpress content mittig platzieren geht nicht

Du arbeitest doch mit Wordpress?

Soll es ein Blog werden oder eine Webseite ohne Blog einträge, nur mit statischen Seeiten?

Grundsätzlich legst du jetzt im Worpress eine Seite "about" an und trägst sie ein:
<a href="/about/">ABOUT</a>

Du mußt aber auch die
Einstellungen ? Permalinks

verändern.
Benutzerdefinierte Struktur - /%postname%/

Kennst du das Wordpress Forum?
Da findest du viele Antworten.