---
title: "css template: text unterhalb bilder sind schlecht ausgerichtet"
url: "https://www.typo3.net/d/47739-css-template-text-unterhalb-bilder-sind-schlecht-ausgerichtet"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2006-08-07"
last_reply: "2006-08-07"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# css template: text unterhalb bilder sind schlecht ausgerichtet

Frontend › Styling · 1 Antwort · gestartet 2006-08-07

## Eröffnungsbeitrag

**surf-andrea** · 2006-08-07 · [Beitrag #1](https://www.typo3.net/d/47739-css-template-text-unterhalb-bilder-sind-schlecht-ausgerichtet/1)

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;
       }

## Antworten

### [#2](https://www.typo3.net/d/47739-css-template-text-unterhalb-bilder-sind-schlecht-ausgerichtet/2) · ONeill · 2006-08-07

Gibt dem p ein margin-top. So dass er nicht mehr über dem Bild steht.

---

Quelle: „css template: text unterhalb bilder sind schlecht ausgerichtet“, typo3.net, https://www.typo3.net/d/47739-css-template-text-unterhalb-bilder-sind-schlecht-ausgerichtet
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.