• Das kreative Thema des Monats Oktober wird vor allem diejenigen unter Euch besonders ansprechen, denen Do-it-yourself quasi im Blut liegt. Zeigt uns Eure Improvisationskünste oder fotografiert, was andere Leute sich so im Alltag zusammengestrickt haben. --> Zum Mitmachen bitte hier klicken

Brauch Hilfe bei CSS... !!!

el_speciale

Granny Smith
Registriert
18.01.09
Beiträge
13
Hey Apfeltalker,
ich hab hier eine CSS-Datei. Bin zwar nicht der beste in CSS aber den "Body" hab ich Linksbündig bekommen. Jetzt muss ich nur noch den Content Linksbündig bekommen. Kann mir einer helfen ? Hier ist der Text:

/* begin Page */


body
{
margin: 0 auto;
padding: 0;
background-color: #FFFFFF;
}

.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}



.PageBackgroundSimpleGradient
{
background-image: url('images/Page-BgSimpleGradient.jpg');
background-repeat: repeat-x;
height: 800px;
}

.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


/* end Page */

/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:41px;
min-height:41px;
margin: 0 auto;
position: relative;
z-index: 0;
width: 1000px;
}


.Sheet-body
{
position: relative;
z-index: 0;
margin: 5px;
}

.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 30px;
height: 30px;
background-image: url('images/Sheet-s.png');
}

.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 30px;
height: 30px;
}

.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -30px;
width: 60px;
height: 60px;
background-image: url('images/Sheet-s.png');
}

.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 30px;
height: 30px;
}

.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -30px;
left: 0;
width: 60px;
height: 60px;
background-image: url('images/Sheet-s.png');
}

.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 30px;
height: 30px;
}

.Sheet-br div
{
position: absolute;
z-index: -1;
top: -30px;
left: -30px;
width: 60px;
height: 60px;
background-image: url('images/Sheet-s.png');
}

.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 30px;
right: 30px;
height: 30px;
}

.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 60px;
background-image: url('images/Sheet-h.png');
}

.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 30px;
right: 30px;
height: 30px;
}

.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -30px;
left: 0;
width: 100%;
height: 60px;
background-image: url('images/Sheet-h.png');
}

.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 30px;
left: 0;
width: 30px;
bottom: 30px;
}

.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 60px;
height: 100%;
background-image: url('images/Sheet-v.png');
}

.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 30px;
right: 0;
width: 30px;
bottom: 30px;
}

.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -30px;
width: 60px;
height: 100%;
background-image: url('images/Sheet-v.png');
}

.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 30px;
left: 30px;
right: 30px;
bottom: 30px;
background-image: url('images/Sheet-c.png');
}


.Sheet
{
margin-top: 30px !important;
}
/* end Box, Sheet */

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}

.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}

.artmenu li li
{
float: none;
}

.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}

.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}

.artmenu:after, .artmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}

.artmenu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
position: relative;
margin: 0 auto;
width: 990px;
height: 38px;
z-index: 100;
}

.artmenu
{
padding: 4px 15px 4px 15px;
}


.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 38px;
}

.nav .l
{
left: 0;
right: 15px;
}


.nav .r
{
right: 0;
width: 15px;
}


.nav .r div
{
width: 990px;
right: 0;
}


.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
clear: both;
}

.artmenu a , .artmenu a span
{
height: 30px;
display: block;
}


.artmenu a
{
cursor: pointer;
text-decoration: none;
margin-right: 2px;
margin-left: 2px;

}
.artmenu a
{
background-image: url('images/item-left.png');
background-position: left top;
background-repeat: no-repeat;
}

.artmenu a span
{
background-image: url('images/item-right.png');
background-position: right top;
background-repeat: no-repeat;
}
.artmenu a span span
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
padding: 0 19px;
margin: 0 4px;
line-height: 30px;
text-align: center;
background-image: url('images/item-center.png');
background-position: left top;
background-repeat: repeat-x;

}


.artmenu a:hover
{
background-position: left -30px;
}

.artmenu li:hover>a
{
background-position: left -30px;
}
.artmenu li:hover a span
{
background-position: right -30px;
}

.artmenu a:hover span
{
background-position: right -30px;
}


.artmenu a:hover span span
{
color: #F4F5F0;
background-position: left -30px;
}

.artmenu li:hover a span span
{
color: #F4F5F0;
background-position: left -30px;
}


.artmenu a.active
{
background-position: left -60px;
}

.artmenu a.active span
{
background-position: right -60px;
}

.artmenu a.active span span
{
color: #F2F3EC;
background-position: left -60px;
}

/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
display: block;
width: 2px;
height: 30px;
background-image: url('images/item-separator.png');
}
/* end MenuSeparator */

/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
width: 990px;
height: 225px;
}


div.Header div.Header-c
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('images/Header.gif');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
display : block;
position: absolute;
left: 50px;
top: 27px;
width: 940px;
}

h1., h1. a, h1. a:link, h1. a:visited, h1. a:hover
{

}

.logo-text, .logo-text a
{
display: block;
padding:0;
margin:0;
text-align: left;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #E2EB98 !important;
}
/* end Logo */

/* begin Box, Block */
.Block
{
overflow: hidden;
min-width:15px;
min-height:15px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.Block-body
{
position: relative;
z-index: 0;
margin: 5px;
}

.Block-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 7px;
height: 7px;
background-image: url('images/Block-s.png');
}

.Block-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 7px;
height: 7px;
}

.Block-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -7px;
width: 14px;
height: 14px;
background-image: url('images/Block-s.png');
}

.Block-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 7px;
height: 7px;
}

.Block-bl div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 14px;
height: 14px;
background-image: url('images/Block-s.png');
}

.Block-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 7px;
height: 7px;
}

.Block-br div
{
position: absolute;
z-index: -1;
top: -7px;
left: -7px;
width: 14px;
height: 14px;
background-image: url('images/Block-s.png');
}

.Block-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 7px;
right: 7px;
height: 7px;
}

.Block-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 14px;
background-image: url('images/Block-h.png');
}

.Block-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 7px;
right: 7px;
height: 7px;
}

.Block-bc div
{
position: absolute;
z-index: -1;
top: -7px;
left: 0;
width: 100%;
height: 14px;
background-image: url('images/Block-h.png');
}

.Block-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
left: 0;
width: 7px;
bottom: 7px;
}

.Block-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 14px;
height: 100%;
background-image: url('images/Block-v.png');
}

.Block-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 7px;
right: 0;
width: 7px;
bottom: 7px;
}

.Block-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -7px;
width: 14px;
height: 100%;
background-image: url('images/Block-v.png');
}

.Block-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
background-image: url('images/Block-c.png');
}


.Block
{
margin: 7px;
}

.Block table.table
{
border-collapse: collapse;
margin: 1px;
}

.Block table.table th, .Block table.table td
{
padding: 2px;
}


.Block table.table td
{
vertical-align: top;
}
/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 6px;
margin-bottom: 7px;

}

.BlockHeader-text
{
white-space : nowrap;
color: #2D3413;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-transform: uppercase;
line-height: 30px;
}


.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}

.BlockHeader .l
{
left: 0;
right: 7px;
}


.BlockHeader .r
{
right: 0;
width: 7px;
}


.BlockHeader .r div
{
width: 990px;
right: 0;
}


.BlockHeader .l, .BlockHeader .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('images/BlockHeader.png');
}



.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url('images/BlockHeaderIcon.png');
padding:0 0 0 17px;
background-repeat: no-repeat;
min-height: 11px;
margin: 0 0 0 5px;
}




/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.BlockContent-body
{
position: relative;
z-index: 0;
margin: 6px;
}


.BlockContent-body
{
color:#15160E;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
line-height: 125%;
}

.BlockContent-body a:link
{
color: #black;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.BlockContent-body a:visited
{
color: #black;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.BlockContent-body a:hover
{
color: #000000;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}


.BlockContent-body ul
{
list-style-type: none;
color: #2A2B1C;
margin:0;
padding:0;
}

.BlockContent-body li
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-decoration: none;
}

.BlockContent-body ul li
{
padding:0px 0 0px 13px;
background-image: url('images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}


.Post-body
{
position: relative;
z-index: 0;
margin: 10px;
}


.Post
{
margin: 10px;
}


/* Start images */
a img
{
border: 0;
}

img
{
border-style: solid;
border-width: 0px;
border-color: #CED1B8;
}

img.metadata-icon
{
border:none;
vertical-align: middle;
}

/* Finish images */

/* end Box, Post */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
text-decoration:none;
margin: 0.2em 0;
padding: 0;
font-weight:bold;
font-style:normal;
letter-spacing:normal;
word-spacing:normal;
font-variant:normal;
text-decoration:none;
font-variant:normal;
text-transform:none;
text-align:left;
text-indent:0;
line-height:inherit;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
text-align: left;
color: #0A0B04;
}
/* end PostHeaderIcon */

/* begin PostHeader */
a.PostHeader:link
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
color: #131608;
}

a.PostHeader:visited
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
color: #3C3E28;
}

a.PostHeader:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
text-transform: uppercase;
color: #black;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #090906
}

.PostContent
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #090906
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
letter-spacing: 1px;
color: #000000
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none;
letter-spacing: 1px;
color: #000000
}

/* Adds special style to a visited link. */
a:visited
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
letter-spacing: 1px;
color: #black
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: underline;
letter-spacing: 1px;
color: black
}
/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}



}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
text-align: left;
color: #black;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-align: left;
color: #black;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-align: left;
color: #090906;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-align: left;
color: #090906;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-align: left;
color: #090906;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */

ul
{
list-style-type: none;
color: #0A0B04;
margin:0;
padding:0;
}

li
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 12px;
letter-spacing: 0px;
text-align: left;
margin-left: 12px;
}



.Post ul li
{
padding:0px 0 0px 10px;
background-image: url('images/PostBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */

blockquote p
{
color:#15160E;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 11px;
letter-spacing: 0px;
text-align: left;
margin-left: 17px;
margin-right: 0px;
margin-top: 17px;
margin-bottom: 17px;
}

blockquote
{
border:1px solid #CED1B8;

margin:10px 10px 10px 50px;
padding:5px 5px 5px 41px;

background-color:#EEEFE6;

background-image:url('images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}



/* Finish blockuote */
/* end PostQuote */

/* begin Button */
button.Button, a.Button
{
position:relative;
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:34px;
height:34px;
margin:0;
padding:0;
overflow: visible;
cursor: default;
text-decoration: none;
}


/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
display:list-item;
list-style-type:none;
float:left;
}


.Button .btn
{
position: relative;
overflow: hidden;
display: block;
width: auto;
z-index: 0;
height: 34px;
color: #F2F5E5;
white-space: nowrap;
float: left;
}

.Button .t
{
height: 34px;
white-space: normal;
padding: 0 21px;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-align: left;
line-height: 34px;
text-decoration: none;
}

input, select
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
}

.Button .active
{
color: #F6F9E1;
}

.Button .hover, a.Button:hover
{
color: #363824;
text-decoration:none;
}

.Button .active .r
{
top: -68px;
}

.Button .hover .r
{
top: -34px;
}

.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 8px;
height: 102px;
}


.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:411px;
height: 102px;
}


.Button .active .l
{
top: -68px;
}

.Button .hover .l
{
top: -34px;
}

.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 8px;
height: 102px;
}


.Button .l, .Button .r span
{
background-image: url('images/Button.png');
}

/* end Button */

/* begin Footer */
.Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 990px;
margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 5px;
text-align: center;
}

.Footer .Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('images/Footer.png');
width: 990px;
height: 100px;
bottom:0;
left:0;
}



.Footer .Footer-text p
{
margin: 0;
}

.Footer .Footer-text
{
display:inline-block;
color:#3F412A;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
letter-spacing: 0px;
}

.Footer .Footer-text a:link
{
text-decoration: none;
color: #5D6C28;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
letter-spacing: 0px;
}

.Footer .Footer-text a:visited
{
text-decoration: none;
color: #56593A;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-decoration: none;
letter-spacing: 0px;
}

.Footer .Footer-text a:hover
{
text-decoration: none;
color: #BA4B1C;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-decoration: underline;
letter-spacing: 0px;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#819537;
}

.page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#9BA06E;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 197px;
}

.clear-float
{
float:none;
clear:both;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 595px;
}

.contentLayout .content2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
width: 788px;
}

.clear-float
{
float:none;
clear:both;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 197px;
}

.clear-float
{
float:none;
clear:both;
}
/* end LayoutCell */



.contentLayout li
{
float: none;
}

.componentheading, table.moduletable th
{
font-size: 140%; padding: .5em 0em;
}

#footer
{
text-align: center;
}

.breadcrumbs
{
display: block; padding: .7em 0em;
}

/*
.contentpaneopen td.contentheading
{
font-size: 130%; padding: .5em 0em;
}
*/

.contentpaneopen span.small, .contentpaneopen td.createdate, .contentpaneopen td.modifydate
{
font-size: 75%; padding-bottom: 1em;
}

.article_column
{
padding-right: .2em;
}

.column_separator
{
padding-left: .4em;
}

.pagination span
{
padding: 2px;
}
.pagination a
{
padding: 2px;
}


div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway {
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}

/* headers */
div.componentheading {
padding-left: 0px;
}
/*
.contentheading {
padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.4em;
font-weight: normal;
vertical-align: bottom;
color: #333;
text-align: left;
width: 100%;
}
*/
.componentheading, table.moduletable th, legend {
margin: 0;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.5em;
padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}

/*table.contentpaneopen h3 {
margin-top: 25px;
}*/

/* small text */
/*.small {
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}

.modifydate {
height: 20px;
vertical-align: bottom;
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}

.createdate {
height: 20px;
vertical-align: top;
font-size: .90em;
color: #999;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;

}*/

/*a.readon {
margin-top: 10px;
background: url(../images/mw_readon.png) top right no-repeat;
padding-right: 20px;
line-height: 14px;
height: 16px;
}*/

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
background-color: #f6f6f6;
}

.ol-background {
background-color: #666;
}

.ol-textfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.ol-captionfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
color: #0B55C4;
text-decoration: none;
font-size: 12px;
}

.ol-closefont {

}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
display: block;
height: 20px;
}

.article_column {
padding-right: 5px;
}

.column_separator {
border-left: 1px dashed #e0e0e0;
padding-left: 10px;
}

td.buttonheading {

}

td.buttonheading img {
border:none;
}

.clr {
clear: both;
}

td.greyline {
width: 20px;
background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

div#maindivider {
border-top: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
height: 1px;
}

table.blog span.article_separator {
display: block;
height: 20px;
}

/* edit button */
.contentpaneopen_edit{
float: left;
}

/* table of contents */
table.contenttoc {
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
float: right;
}

table.contenttoc td {
padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
background-color: #6e7a6c;
}

.sectiontableentry2 {
background-color: #FFFFFF;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
/*padding: 4px;*/
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
/*padding: 3px;*/
}


/* content styles */
table.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: auto;
}

table.contentpaneopen li {
margin-bottom: 5px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.highlight {
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}

div.moduletable, div.module {
margin-bottom: 25px;
}

div.module_menu h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}

div.module_menu {
margin: 0;
padding: 0;
margin-bottom: 15px;
}

div.module_menu div div div {
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}

div.module_menu div div div div {
background: none;
padding: 0;
}

div.module_menu ul {
margin: 10px 0;
padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
}

#leftcolumn div.module {
padding: 0 10px;
}

#leftcolumn div.module table {
width: auto;
}

/* forms */
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}

div.search input {
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}

form#form-login { text-align: left; }
form#form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
form#form-login ul { list-style-type: none; margin: 0; padding: 0; }
form#form-login ul li { background-image: none; padding: 0; }
#modlgn_username, #modlgn_passwd {width: 90%}
#form-login-username, #form-login-password, #form-login-remember {display:block; margin: 0;}
#form-login input

form#com-form-login { text-align: left; }
form#com-form-login fieldset { border: 0 none; margin: 0; padding: 0.2em;}
form#com-form-login ul { list-style-type: none; margin: 0; padding: 0; }
form#com-form-login ul li { background-image: none; padding: 0; }

/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #666; }

div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

#banner {
position:relative;
left:420px;
top:50px;
width:500px;
}
/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 11px;
}

.bannerfooter_text {
padding: 4px;
font-size: 11px;
background-color: #F7F7F7;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a { padding: 2px; }

/* Polls */
.pollstableborder {
margin-top: 8px;
}


.pollstableborder td {
text-align: left;

}

/* WebLinks */
span.description {
display:block;
padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #666;
}

/* Tooltips */

.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate{
float:left;
padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
padding: 2px 0;
}

.PostMetadataHeader {

color: #136f41;
}

#search {
float:right;
margin-right:28px;
bottom:80px;
position:relative;
}

#user1 {
float:left;
width:50%
}

#user2 {
float:left;
width:50%
}



Vielen Dank für jeden Tipp
 
Also ich bin mir gerade nicht im Klaren, ob du den <div> oder den Text „linksbündig“ machen möchtest. Für den <div> benötigst du ein „float: left;“ und für den Text ein „text-align: left;“.

Versuche mal, ob du damit klar kommst, wenn nicht --> PM

Gruuß
P|K
 
Hallo,

Und dein ganzen CSS Code musst du auch nicht posten!

Wie oben schon genannt machst du mit float: left; und einem DIV der overflow: hidden; besitzt.

mfg
ProCoder