• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit der Textposition

Hirndl

Neues Mitglied
Hallo,

Es geht um ein Schulprojekt, indem wir eine eigene Website programmieren sollen. Wir haben ein Hintergrundbild eingefügt und der Text soll an dem Hintergrundbild verankert sein. Allerdings ist der Abstand immer im Verhältnis zum Bildschirmrand. Das heißt, dass der Text auf meinem 2. Bildschirm (der eine geringere Auflösung hat) nicht mehr zum Hintergrundbild passt. Es soll jedoch in dem Textfeld des Hintergrundbildes verankert sein, egal wie groß das Fenster ist. Und auch das Hintergrundbild passt sich nicht an die Bildschirmbreite an. Hilfe wäre super =) Gruss Hirndl

HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
        <link href="style.css" type="text/css" rel="stylesheet" />
        
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
        
        <title>
            WoW-Info.net - Startseite
        </title>
    </head>
    
    <body>
        <div id="steuerung">        
        </div>

        <div id="inhalt">
            Test
        </div>

        <div id="fusszeile">    
        </div>
    </body>
</html>

HTML:
<style type="text/css">
<!--
* {
  margin:0;
  padding:0;
}

html, body {
  font: 100% Arial, Helvetica, sans-serif;
  background:url(pic/bg.png) no-repeat center top;
}

#steuerung {
}

#inhalt {
text-align: center;
margin-left:400px;
margin-top:170px;
margin-right:400px;
}

#fusszeile {
  
}
-->
</style>
 
Hallo hier im forum,

also deine fragestellung ist nicht so eindeutig.

also #inhalt muss eine feste breite haben und dann mittig zentriert sonnst wird das nichts.

Code:
#inhalt{width:800px;
margin: 170px auto;}
oder meinst was anderes wie Background-size

Cheffchen
 
Hallo Hirndl, willkommen bei html.de! Du willst mit
Code:
margin-left:400px;
margin-top:170px;
margin-right:400px;
die Seite zentrieren? Nimm dafür lieber
Code:
 margin:170px auto 0 auto;
Allerdings solltest du deinem #inhalt noch eine feste Breite (width:...px; ) geben.
 
Zurück
Oben