Div mit Textinhalt wird falsch angezeigt

redtiger · 11.01.2012

Hi Leute,
ich habe ein Problem mit einem Div,und zwar wird ein Balken
angezeigt den ich eigenlich nicht haben will.
Siehe Bild der rotumrandete Balken:

Html Code:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="favicon.ico" />
<title>Tuna-Immobilien</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="Keywords" content="Tuna-Immobilien immobilien tuna"/>


<style type="text/css">
@import url("style.css");
</style>
</head>

<body>

<!-- hier beginnt das Layout der Seite -->
<div id="layout">

<!-- Header -->
<h1><span></span></h1>


<!-- Navigation -->
<div id="navigation">
    <ul>
    <li class="menu"><a href="index.html" target="_self">Willkommen</a></li>
    <li class="menu"><a href="zug.html" target="_self">Unternehmen</a></li>
    <li class="menu"><a href="termine.html" target="_self">Immobilien</a></li>
    <li class="menu"><a href="bilder.html" target="_self">Dienstleistungen</a></li>
    <li class="menu"><a href="link.html" target="_self">Karriere</a></li>
    <li class="menu"><a href="impressum.html"  target="_self">Impressum</a></li>
    </ul>
</div>

<!-- Inhalt -->
<div id="inhalt">

<h2>Herzlich Willkommen</h2>
<p class="textw">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</p>


</div>


<div id="bilder">
</div>

<div id="unten">
<p class="textb">Wohnungen, Apartments, Häuser, Villen</p>
</div>

<!-- Footer -->

<div id="Footer">
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com/pages/TUNA-IMMOBILIEN/148457075241579&amp;layout=standard&amp;show_faces=true&amp;width=1000&amp;
action=like&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden;
 width:1000px; height:35px;" allowTransparency="true"></iframe>

</div>

</div>


</body>
</html>

Css Code:

Code:

@charset "utf-8";
/* CSS Document */
html,body {
    height:100%;
    margin:0;
    padding:0;
    font-size:100.01%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background:url(bilder/back.png) repeat-x;


}

* html #layout {

height: 100%;

}

.menu:link {color:#000000; text-decoration:underline; font-size:100%}
.menu:visited {color:#000000; text-decoration:underline; font-size:100%}
.menu:active {color:#000000; text-decoration:underline; font-size:100%}
.menu:hover {color:#000000; text-decoration:underline; font-size:100%}


#layout {

margin:0 auto 0 auto;

width:1000px;

text-align:left;

height:auto;

background:#f9ba22;


}

h1 {

width: 100%;

height: 150px;

position: relative;

padding:0;

margin:0;

background:#f9ba22;

}


h1 span {

background: url(bilder/header.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;


}



h2 {
font-size:180%;
font-style:italic;
color:#000000;
font-weight:normal;
border-bottom:2px solid #000063;
margin:0 2em 0 0;
}



#navigation{
    display:block;
    height:45px;
    width:1000px;
    font-size:0.9em;
    background:url(bilder/navi_rot.png) repeat-x;
}

#navigation ul{
    margin:0 auto;
    padding:0;
    list-style-type:none;
}


#navigation ul li{
    display:block;
    float:left;
    margin:0;
}

#navigation ul li a{
    display:block;
    float:left;
    color:#000000;
    text-decoration:none;
    padding:0.6em 1.5em 0.4em 1.5em;
    line-height:25px;
    width:auto;
    height:25px
}


#navigation ul li a:hover {
    color:#000000;
    background:url(bilder/navi_rot_hi.png) repeat-x;
}


#inhalt {
    margin-bottom:0;
    padding:2em 40px 8em 40px;
    background-color:#FFFFCC;
    line-height:1.4em;
    height:180px;
    overflow:auto;
}

.textw {
    font-size:0.85em;
    color:#000000;
    text-decoration:none;
}
.textb {
    font-size:14px;
    text-align:right;
    text-decoration:none;
    padding-right:25px;
    
}
#bilder {

    background: url(bilder/unten.png) no-repeat;

    width:1000px;

    height:150px;

}

#unten {

    background-color:#d1bb8b;

    width:1000px;

    height:25px;

}

#Footer {

    background-color:#d1bb8b;

    width:1000px;

    height:40px;

}

Hier noch der Link zur Seite.

An was könnte das liegen,ich komme einfach nicht dahinter.
Die Links auf der Seite gehen noch nicht,ist erst in Arbeit.
Ich würde mich über jede Hilfe freuen.
Gruss redtiger

LaFaSiLuc · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

das #layout hat diese Senffarbe als Hintergrund.Vergib #D1BB8B als background color, dann ist der Streifen weg.
Du solltest dir aber nochmal Farben und ihre Wirkung ansehen, das ist ja sowas von häßlich

redtiger · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

@LaFaSiLuc
Oh Mann so einfach,das habe ich mir schon gedacht,
das es nur eine Kleinigkeit ist.
Vielen Dank!!!
Mir gefallen die Farben auch nicht,aber die Seite ist für eine
Bekannte und ihr scheint es zu gefallen.
Vielleicht kann ich sie noch umstimmen.
Gruss redtiger

cebito · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

Fürs Nächste, wir sind hier kein Autoforum, also brauchen wir auch keine spoiler. Für code haben wir extra oben rechts im Editor ein paar Knöppe, spart dir das schreiben sinnloser/nicht funktionierender Auszeichnungen.

LaFaSiLuc · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

Psychologisch gesehen ist das brutal fürs Auge, Kackbraun gepaart mit Hornhautumbra *örks* und dann Villen usw, future, etc. guck mal bei makebetterwebsites.com, da kann sie mal stöbern

Und ein Scrollbalken mittendrin ist auch nicht wirklich mehr zeitgemäß^^

Oh, Himmel, cebito, ich hab deinen Post erst gar nicht gepeilt, ich dachte, ich krieg ne Abmahnung :mrorange:

redtiger · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

@cebito
Entschuldigung,
ich habe das nicht gefunden.
Wo soll das sein ?
Bei mir schaut es so aus.

Gruss redtiger

simonpicos · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

So sieht das bei mir aus, wenn ich unten in einem Thread auf den orangenen "Antworten-Button" drücke. In welchem Dialog du da gelandet bist: keene Ahnung:uhm::uhm::uhm:

Die drei markierten Schaltflächen sind die Codewerkzeuge.

cebito · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

Warum bei dir nix zu sehen ist :uhm:

Dachte du hättest JS deaktiviert, dann sind sie aber zumindest zu sehen.
Sonst beim nächsten mal einfach "code", "html" oder "php" jeweils in eckigen Klammern statt dem spoiler notieren, abschließen dann jeweils mit "/html" etc., auch in eckigen Klammern, dann gehts auch ohne die Buttons...

redtiger · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

@cebito
Alles klar,ich werde es das nächste mal anders machen.
@simonpicos
Es war beim Thread erstellen auch nichts da von den Edit
Werkzeugen.
Mal sehen wo ich das einstellen kann das sie mir angezeigt
werden.
Gruss redtiger

Edit: Jetzt gehts,hatte in meinen Profil das falsche eingestellt.

cebito · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

Geh mal auf Mein PSD > Kontrollzentrum und dann auf Einstellungen ändern (links) dann runterscrollen, da findest dieses Feld

ändern, speichern, fertig

babbelbekkie · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

Zu Code kann ich nix sagen, aber schliesse mich die anderen Kommentaren über die Farben an... igitt. Und beim Slogan/Motto musste ich loslachen. "Save your Future"? Rette deine Zukunft? Spare deine Zukunft? Speichere deine Zukunft? Ich verstehe schon dass es vermutlich so eine Anspielung sein soll auf Immobilie=zukunftssicher+Altersvorsorge gemischt mit Geldanlage, aber auf mich als Englischsprachige wirkt es nur lächerlich. Es wirkt wie der Versuch eine deutsche Gedanke in ein englisches Outfit zu stecken um es sexy aussehen zu lassen - mit ungefehr das gleiche Ergebnis als wenn Angela Merkel in ein Cowgirl-Köstum ins Bundestag erscheint. Und ich denke bei vielen Deutschen wird es den Douglas-Effekt (Come in and find out...) haben, sprich je nach Stand der Englisch-Kenntnisse wird es mal so, mal so interpretiert werden.

Mal abgesehen davon hinterlässt die Tatsache dass "Save your Future" im Logo die Position einer Rauchwolke aus der Schornstein hat bei mir den Eindruck "Hier verbrennst du dein Geld" oder "wir helfen dich gerne dabei dein Geld zu verbrennen".

LaFaSiLuc · 11.01.2012

AW: Div mit Textinhalt wird falsch angezeigt

*g* Wie krieg ich das Angela-Cowboy Bild wieder ausm Kopp?