Zentrierte Boxen werden Links angezeigt

html.de-Forum HTML, XHTML & CSS
1

Hallo,

ich habe ein Problem mit meinem CSS. Ich habe meine Homepage begonnen so zu basteln und wollte 2 verschiedene Boxen zentrieren. Aber sie werden Links angezeigt. Ich sollte alles richtig gemacht haben.

Hier ein Bild: http://www.freuli.net/problem3.PNG

2

Hallo, gib mal den Code dazu. Oder ist das das, was auf Freuli.net - Bestes kommt vom Besten! :wink: ist? Denn dann funktioniert das bei mir einwandfrei.

3

Freuler, du kennst das doch schon, kein code, keine Glaskugel, keine Hilfe möglich;)

4

[CODE]_Written by Mario Freuler_/
/
_Copyright by Freuli.net/
/__
___Bei Fragen: admin@freuli.net___/
*
{
margin:0;
padding:0;
}
img {
border:0px;
}
body
{
background-image:url(bilder/hintergrund.gif);
background-attachment:fixed;
text-align:center;
}
#wrapper
{
margin:0 auto;
width:753;
}
#kopf_bereich
{
width:582px;
height:130px;
margin : 0 auto;
margin-top:10px;
text-align : left;
padding:0;
}
#kopfrahmen_oben
{
width:582px;
height:10px;
background: url(bilder/kopf_oben.png);
}
#kopfrahmen_links
{
width:10px;
height:110px;
float:left;
background: url(bilder/kopf_links.png);
}
#kopf_inhalt
{
width:562px;
height:110px;
float:left;
}
#kopfrahmen_rechts
{
width:10px;
height:110px;
float:right;
background: url(bilder/kopf_rechts.png);
}
#kopfrahmen_unten
{
width:582px;
height:10px;
float:left;
background: url(bilder/kopf_unten.png);
}

#verbindungs_balken
{
width:414px;
height:14px;
margin:0 auto;
background: url(bilder/kopf_balken.png);
}
#menue_box
{
width:140px;
float:left;
}
#menue_header
{
width:140px;
height:36px;
background: url(bilder/menue_header.png);
}
#menue_inhalt
{
width:140px;
padding-bottom:8px;
background: url(bilder/menue_bottom.png) no-repeat bottom right;
}
#content
{
float:left;
}
#content_head
{
width:453px;
margin-left:10px;
height:36px;
}
#content_bottom
{
width:453px;
background:#FFFFFF url(bilder/content_bottom.png) no-repeat bottom right;
padding-top:5px;
margin-left:10px;
padding-bottom:14px;
}
#fussbereich
{
clear:both;
position:fixed;
right:0;
bottom:0;
left:0;
width:100%;
height:18px;
z-index:5;
}
#fuss
{
position:relative;
bottom:0;
left:0;
height:100%;
color:#4A7997;
background-color:#ddd;
border-width:1px; border-color:#BBBBBB; border-style:solid;
}
[/CODE]

5

Fehlersuche

Kontrolliere mal ob und wie groß #wrapper angezeigt wird:

#wrapper { margin:0 auto; width:753; background-color: #FFFF00; } Entferne dann alle anderen background-image und background-color.
Ist der gelbe Kasten mittig? Springt irgend etwas aus dem Kasten?
Wird die Box überhaupt angezeigt? ist das in allen Browsern so?
So kann man sich an den Fehler heranpierschen.

Das kannst du mit allen Elementen so durchziehen oder du installierst dir Hilfsmittel wie Web Developer für Firefox.
Unter css bearbeiten kannst du oft, sehr schnell solche Fehler eingrenzen.

6

Konnte dank csstesters „Vorlagen“ das Problem lösen. Vielen Dank :smiley: