Design/Layout (zentriert) verschiebt sich.

Aarsak

Neues Mitglied
Thread Starter
Mitglied seit
04.10.2008
Beiträge
6
Hallo Äpfelchen,

ich bräuchte Hilfe im Bereich CSS da ich momentan nicht sagen kann wie ich den Fehler beheben soll.

Kann gerade auch nur die Codes anbieten, werde die Seite nacher mal hochladen.




Index-Datei:
Code:
<html>
<head>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<jdoc:include type="head" />
</head>
<body>
<div id="bg">
</div>
<div id="container">
	<div id="div1">Bereich 1 - Logo & Name</div>
	<div id="div2">Bereich 2 - Diashow</div>
    <div id="div3"><jdoc:include type="modules" name="user3" style="xhtml" /></div>
    <div id="div4"><jdoc:include type="component" style="xhtml" /></p></div>
    <div id="div5">abcde<jdoc:include type="modules" name="right" style="xhtml" /></div>
	<div id="div6"><jdoc:include type="module" name="footer" style="xhtml" /></div>
</div>

</body>
</html>
CSS-Datei:
Code:
body
{
margin:0px;
padding:0px;
background-image: url(../images/bg.jpg);
}

#bg
{
position:absolute;
top:0px;
left:0px;
background-image:url(../images/bg_top.jpg);
width:100%;
height:276px;
}

#container
{
position:absolute;
top:20px;
width:800px;
left:50%;
margin-left:-450px;
/* background-color:c2c2c2; */
background-color:fff;
border: solid black 1px;
}

#div1 /* Logo & Name */
{
background-color:e25454;
}

#div2 /* Diashow */
{
background-color:69c674;
}

#div3 /* Navigation 1 */
{
background-color:6bd8c5;
}

#div4 /* Inhalt */
{
float:left;
width:560px;
/* background-color:b65daf; */
background-color:6bd8c5;
}

.contentheading
{
text-decoration:underline;
}

#div5 /* Navigation 2 */
{
float:right;
background-color:6bd8c5;
width:240px;
}

#div6 /* Footer */
{
clear:both;
/* background-color:c9e253; */
background-color:fff;

font-size:13px;
}
Mein Problem: Die Seite sieht völlig normal aus, so wie ich sie will. Solange ich nicht auf "Die Community" klicke, der Text ist sehr lang und das Design verschiebt sich um einige pixel nach links obwohl es alles in der Mitte sein sollte. Ich habe alle paddings und margins abgesehen von der der ID "container" herausgenommen aber trozdem bleibt der Fehler. Es liegt wohl am "container" aber ich weiß nicht wie ich ansonsten die Seite in die Mitte bekommen soll.

Danke im voraus!

Gruß,
Chris
 

miss.moxy

Aktives Mitglied
Mitglied seit
15.05.2004
Beiträge
6.631
Es verschiebt sich aber nicht nur, weil bei Community dann aufgrund des längeren
Inhalts ein Scrollbalken auf der rechten Browserfensterseite auftaucht? :teeth:


:)
 

Aarsak

Neues Mitglied
Thread Starter
Mitglied seit
04.10.2008
Beiträge
6
:hamma:......
Doch so ist es, danke!

Dann komme ich aber zu meiner nächsten Frage: Kann man das irgendwie umgehen, so dass es auf jeder Seite egal ob Scrollbalken vorhanden oder nicht, gleich aussieht?


Danke und Gruß,
Chris



EDIT: Okay, "Overflow: scroll;" - bitte nicht schlagen!! : )
 
Oben