Ansics
Cadet 4th Year
- Registriert
- Mai 2003
- Beiträge
- 107
Hi Leute,
Ich versuche grade meine HP mit CSS zu designen und habe dabei folgendes Problem:
Meine HP ist ganz einfach nach folgendem Schema unterteilt:
So weit so gut. Das CSS-Sheet sieht so aus:
Mein Problem ist, dass das Menü zwar links unter dem header ausgerichtet wird, aber leider wird der Text innerhalb des Menüdivs nicht ganz linksbündig angezeigt. Mit text-align: left; wird der Text so ca. 40px; nach links eingerückt, als ob dort eine imaginäre Linie wäre, an welcher alles ausgerichtet ist.
Hat jemand schonmal sonen Mist gehabt?
Vielen Dank für eure Antworten!
Ansgar
Ich versuche grade meine HP mit CSS zu designen und habe dabei folgendes Problem:
Meine HP ist ganz einfach nach folgendem Schema unterteilt:
PHP:
<div id='frame'>
<div id='header'>
<?php echo $mainframe->getCfg('sitename'); ?>
<div id='path'>
<jdoc:include type="module" name="breadcrumbs" />
</div>
<div id='search'>
<jdoc:include type="modules" name="user4" />
</div>
</div>
<div id='content'>
<div id='menu'>
<jdoc:include type="modules" name="left" />
<jdoc:include type="modules" name="right" />
</div>
<div id='show'>
<jdoc:include type="component" />
</div>
</div>
</div>
So weit so gut. Das CSS-Sheet sieht so aus:
Code:
body {
font:normal 0.75em/1.3em Verdana;
color: #000000;
background: #FFFFFF;
text-align:center;
}
#frame {
width: 900px;
margin: auto;
}
#header {
background: #333333 url(../images/header.jpg) no-repeat center;
height:240px;
border: 1px solid #000000;
position:relative;
}
#path {
position: absolute;
top: 214px;
left: 20px;
z-index: 1;
height: 22px;
text-align: left;
}
#search {
position: absolute;
top: 210px;
right: 20px;
height: 22px;
text-align: right;
}
#content {
width: 900px;
position: relative;
}
#menu {
position:absolute;
top:2px;
left:0px;
text-align: left;
padding 2px;
width: 200px;
border: 1px solid #000000;
color: #FF0000;
}
#show {
position:absolute;
top: 2px;
left: 200px;
padding-left: 10px;
padding-right: 10px;
}
Mein Problem ist, dass das Menü zwar links unter dem header ausgerichtet wird, aber leider wird der Text innerhalb des Menüdivs nicht ganz linksbündig angezeigt. Mit text-align: left; wird der Text so ca. 40px; nach links eingerückt, als ob dort eine imaginäre Linie wäre, an welcher alles ausgerichtet ist.
Hat jemand schonmal sonen Mist gehabt?
Vielen Dank für eure Antworten!
Ansgar