A
Aarsak
Neues Mitglied
Thread Starter
- Dabei seit
- 04.10.2008
- Beiträge
- 6
- Reaktionspunkte
- 0
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:
CSS-Datei:
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
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