zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.06.2010, 17:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2010
Beiträge: 7
MasterN befindet sich auf einem aufstrebenden Ast
Frage Bild positionieren

Hallo Community,
ich möchte gerne ein Bild am rechten unteren Rand meines Containers positioneren, hab aber kleine probleme .
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Startseite &raquo; sdde</title>
    </head>


    <body>
        <div id="m_rahmen">
            <div id="l_rahmen">
                <a href="<?php echo $p_echo . '/'; ?>">
                    <h1 id="banner_ngif">sdde</h1>
                </a>
                    <h2>Startseite</h2>
                <br>
                <div id="d1">
                    Willkommen auf sdde!<br>
                    W&auml;hle einen Unterpunkt in der Navigationsleiste aus, um &uuml;ber entsprechende Themen zu lesen.<br><br>
                    Euer<br>
                    sdde-Team
                    <img style="position: absolute; right: 50px; heigth: 200px; width: 220px; valign: right; border: 1px solid;" src="IMG_7640.JPG">
                </div>
            </div>
        </div>
    </body>
</html>
CSS-Code:
Code:
div#d1 {
    background-color: #37ABFF;
    border: 1px solid #000000;
    padding: 5px 5px;
    position: relative;
    margin: 70px 25px 10px 25px;
    width: 850px;
    min-height: 120px;
    max-width: 900px;
}
div#d2 {
    background-color: #37ABFF;
    border: 1px solid #000000;
    padding: 5px 5px;
    position: relative;
    margin: 10px 25px 10px 25px;
    width: 850px;
    min-height: 120px;
    max-width: 900px;
}
div#d3 {
    background-color: #37ABFF;
    border: 1px solid #000000;
    padding: 5px 5px;
    position: relative;
    margin: 10px 25px 10px 25px;
    width: 850px;
    min-height: 120px;
    max-width: 900px;
}
div#d4 {
    background-color: #37ABFF;
    border: 1px solid #000000;
    padding: 5px 5px;
    position: relative;
    margin: 10px 25px 10px 25px;
    width: 850px;
    min-height: 120px;
    max-width: 900px;
}
div#d5 {
    background-color: #37ABFF;
    border: 1px solid #000000;
    padding: 5px 5px;
    position: relative;
    margin: 10px 25px 10px 25px;
    width: 850px;
    min-height: 120px;
    max-width: 900px;
}
div#d6 {
    background-color: #37ABFF;
    border: 1px solid #000000;
    padding: 5px 5px;
    position: relative;
    margin: 10px 25px 10px 25px;
    width: 850px;
    min-height: 120px;
    max-width: 900px;
}
div#d7 {
    background-color: #37ABFF;
    border: 1px solid #000000;
    padding: 5px 5px;
    position: relative;
    margin: 10px 25px 10px 25px;
    width: 850px;
    min-height: 120px;
    max-width: 900px;
}
div#d8 {

    background-color: #37ABFF;
    border: 1px solid #000000;
    padding: 5px 5px;
    position: relative;
    margin: 10px 25px 10px 25px;
    width: 850px;
    min-height: 120px;
    max-width: 900px;
}
div#d9 {

    background-color: #37ABFF;
    border: 1px solid #000000;
    padding: 5px 5px;
    position: relative;
    margin: 10px 25px 10px 25px;
    width: 850px;
    min-height: 120px;
    max-width: 900px;
}
div#m_rahmen {
    margin: auto;
    z-index: auto;
    width: 1200px;
    height: 1810px;
}
div#l_rahmen {

    padding-top: 5px;
    position: absolute;
    width: 900px;
    height: 1790px;
    border: 1px solid #000000;
    background-color: #0092FF;
    margin-left: 200px;

}
div#l_rahmen a {
    color: #D8D8D8;
}
div#l_rahmen a:visited {
    color: #D8D8D8;
}
div#l_rahmen a:hover {
    color: #FFFFFF;
}
Ich hab schon beim img probiert, mit "position: absolute", aber dann geht der Rand von - in dem Fall - <div id="d1"> ned mit ganz runter.

Hätte jemand ne Lösung?

MfG

MasterN
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.06.2010, 00:09
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ist es ein Deko-Bild? Dann gehört es eh ins CSS. Aber so oder so: Poste mal einen Link.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.06.2010, 12:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2010
Beiträge: 7
MasterN befindet sich auf einem aufstrebenden Ast
Standard

Ich versteh ned ganz.. was meinst du denn?
Mit Zitat antworten
  #4 (permalink)  
Alt 29.06.2010, 12:25
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

1. Was ist auf dem Bild, bzw. ist es inhaltlich relevant?
2. Siehe meine Signatur
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Antwort

Stichwörter
css, div, positionieren

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild in html richtig Positionieren? babylon05 (X)HTML 0 27.08.2010 07:06
Bild absolut positionieren (bottom) ZuMe CSS 2 03.07.2008 08:14
bild in text positionieren MoJo CSS 22 30.05.2006 16:31
Bild im Container mittig positionieren... 18inch CSS 5 09.07.2005 14:48
Bild rechts positionieren Retrax CSS 3 24.01.2005 17:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:23 Uhr.