Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Div mit Textinhalt wird falsch angezeigt“

redtiger

Es geht immer besser

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
 
Zuletzt bearbeitet von einem Moderator:

LaFaSiLuc

pauschalschuldig

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

Es geht immer besser

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

undefined

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

pauschalschuldig

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

Es geht immer besser

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

Mod | Forum

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

undefined

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

Es geht immer besser

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.
 
Zuletzt bearbeitet:

cebito

undefined

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 :D
 

babbelbekkie

Nicht mehr ganz neu hier

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".
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.856
Mitglieder
67.222
Neuestes Mitglied
Gregor
Oben