Zum Inhalt springen

css template: text unterhalb bilder sind schlecht ausgerichtet

Erstellt am 7. August 2006 · 1 Antwort · letzte Antwort am 7. August 2006

Tags: HTML & CSS, Frage

surf-andrea ·

Hi,

meine Texte rechts von Bildern sind im Abstand von 5 px zum Bild ausgerichtet. Ist der Text nun höher als das Bild rutscht der Text nach links. Kann ich das irgendwo ändern?

CSS - Template

@import url(stylesheet.css);

P { font-family:Verdana,,Arial,Helvetica,sans-serif; font-size:11px; }
BODY { font-family:Verdana,Arial,Helvetica,sans-serif; background-color:#ffffff; font-size:10px; }

#body, html {
border:0;
margin:0;
width:100%;
height:100%;
background:#FFFFFF;
font:normal 100.01 Verdana,Arial,Helvetica,sans-serif;
}

#header {
position:absolute;
top:0;
left:0;
width:100%;
height:20px;
background:#ffffff;
}

#logo {
position:absolute;
right:50px;
top:22px;
background:#ffffff;
width:152px;
heigt:43px;
}

#topmenu {
position:absolute;
right:22px;
bottom:5px
}

#topmenu ul {
margin:0;
padding:0;
list-style:none;
}

#topmenu li {
float:left;
display:block;
position:relative;
top:4px;
color:#000066;
font:normal 11px Verdana,Arial,Helvetica,sans-serif;
}

#topmenu li a {
text-decoration:none;
color:fuchsia;
}

#topmenu li a:hover {
color:aqua;
}

#topmenu li.ACT {
font-weight:bold;
color:navy;
}

#header2 {
position:absolute;
left:0;
top:20px;
width:100%;
height:80px;
background:#ffffff;
}

#menu {
position:absolute;
left:300px;
bottom:5px
}

#menu ul {
margin:0;
padding:0;
list-style:none;
}

#menu li {
float:left;
display:block;
position:relative;
top:4px;
color:fuchsia;
font:normal 11px Verdana,Arial,Helvetica,sans-serif;
}

#menu li a {
text-decoration:none;
color:fuchsia;
}

#menu li a:hover {
color:aqua;
}

#menu li.ACT {
font-weight:bold;
position:relative;
top:4px;
color:navy;
}

#content {
position:absolute;
background:#F2F2F2;
top:110px;
left:240px;
width:570px;
padding-left:3px;
}

#left {
positon:absolute;
top:110px;
left:5px;
background:#CCCCCC;
width:205px;
height:100%;
padding-left:20px
}

#leftmenu {
margin:110px 10px 0 0;
}

#leftmenu ul {
color:fuchsia;
margin:0;
left:0;
list-style-type:none;
}

#leftmenu li {
text-decoration:none;
color:fuchsia;
font:normal 12px Verdana,Arial,Helvetica,sans-serif;
padding:5px 0 5px 10px;
}

#leftmenu li a {
text-decoration:none;
color:fuchsia;
}

#leftmenu li a:hover {
color:aqua;
}

#leftmenu li.ACT,
#leftmenu li.CUR {
font-weight:bold;
color:fuchsia;
}

/*** Formulare *********************/
.csc-mailform {
border: 0px;
}

.csc-mailform-field label {
margin:2px;
font-size:11px;
line-height:15px;
color:#444444;
float: left;
text-align: right;
margin-right: 10px;
width: 120px;
display: block;
font-family: Verdana, Geneva, Helvetica, sans-serif;
}

.csc-mailform-submit {
margin-left: 100px;
background-color:#203E9A;
color:#FFFFFF;
}