2 Probleme

ElFredo · 22. Juni 2010 um 12:45

Hallo zusammen,

ich habe mit einer Seite die ich erstellt habe zwei Probleme, die ich nicht lösen kann.

die divs „inhaltlinks“ und „inhaltrechts“ spannen das div „wrapper“ nicht auf wenn der Inhalt entsprechend größer wird. auch wird die fußleiste leider nicht mit nach unten geschoben, wie ich das eigendlich geplant hatte:wink:
im Explorer wird das Logo nicht angezeigt.

ich weiss nicht wie man das hier handhabt, aber ich poste einfach mal die Stellen, von denen ich glaube das der Fehler darin liegt:

{
margin:0px;
padding:0px;
font-family:helvetica, arial, tahoma, sans-serif;
font-size:1em;
}

#follows{
position:absolute;
top:0.5em;
right:12em;

}
#visit{
display:inline;
color:#e3e1aa;
font-family:helvetica, arial, sans-serif;

}

body {
margin-top:2.8em;
padding:0px;
text-align:center;
background-color:#001931;
background-attachment:fixed;
}

#box {
width:56.5em;
border-style:none;height:7px;
padding:0px;
background-color:#fac748;
margin:auto;
color:black;
}

#rechts {
width:30em;
height:10px;
background-image:url(EckeRx.jpg);
background-position: right bottom;
background-repeat:no-repeat;
overflow:visible;
border-style:none;
float:right;
padding:0px; margin:0px;
}

#links {
width:26em;
height:10px;
background-image:url(EckeLxx.jpg);
background-position:left, bottom;
background-repeat:no-repeat;
padding:0px;
overflow:visible;
float:left;
border-style:none;
margin:0px;}

#wrapper {
width:56em;
height:34.2em;
margin:0 auto;
border: solid 4px #fac748;
background-color:#fffedd;
color:white;

}

#header {
width:100%;
height:10em;
background-color:#fac748;
background-image:url(headergradient1.png);
background-repeat: no-repeat;
background-position:center;
float:clear both;
}

#header .kopf {
margin-top:1.0em;
margin-left:0.6em;

}

#header .schriftzug {
margin-bottom:1.3em;

}

#navleiste {
width:100%;
border-left: solid 1px maroon;
background-color:#fffedd;
margin:0px;
padding:0px;
height:2em;

}

#navleiste ul {
list-style-type:none;
text-decoration: none;
width:100%;

#navleiste li {
line-height: 1.9em;
width:9.26em;
float:left;
border: solid 1px;
border-left-style:none;
border-color:maroon ;

}

#navleiste li a {
color:#1e1e1e;
font-size:1em;
text-decoration:none;
display:block;
background-image:url(buttonby.png);
background-position: center;
font-weight:bold;
font-family:impact;
font-weight:lighter;

}
#navleiste li a:hover{
background-image: url(buttondunkel.png);
color:#fac748;
}

#inhaltlinks {
width:27em;
height:20.2em;
border: solid 0px;
float:left;
background-color:#fffed;
font-size:0.7em;
text-align: left;
padding-left:5em;
color:black;
margin:0.3em;

}

#inhaltrechts {
width:26.8em;
height:20.2em;
border: solid 0px;
float:right;
background-color:#fffed;
color:black;
background-image: url(Kai2.jpg);
background-repeat: no-repeat;
margin-top:0.3em;
}

#fussleiste {
width:56em;
height:1.3em;
border: solid 1px black;
background-color:#1e1e1e;
float:left;
vertical-align: middle;
padding-top:0.1em;
background-image:url(buttonblack.png);
background-position: center;
}

#fussleiste .impressum{
float:right;
text-decoration: none;
font-family:impact;
}

HTML-Teil:

Home
Idee
Media
Team
Blog
Veranstaltungen

Impressum

Wäre toll, wenn sich das mal jemand angucken könnte!
Lieben Gruß

Peter1978 · 22. Juni 2010 um 14:41

Versteh ich nicht. %-/

im Explorer wird das Logo nicht angezeigt.

Hast du es mit alt=„“ Angaben probiert. Im Element ein muss?! (?_?)

#follows{
position:absolute;
top:0.5em;
right:12em;

}
#visit{
display:inline;
color:#e3e1aa;
font-family:helvetica, arial, sans-serif;

}

Für was sind die?

body {
margin-top:2.8em;
padding:0px;
text-align:center;
background-color:#001931;
[COLOR=„red“]background-attachment:fixed;
}

Was soll fixiert werden?

Für was sind diese Bereiche?

#links {
width:26em;
height:10px;
background-image:url(EckeLxx.jpg);
[COLOR=„red“]background-position:left, bottom;
background-repeat:no-repeat;
padding:0px;
overflow:visible;
float:left;
border-style:none;
margin:0px;}

Ein Beistrich zuviel.

u.s.w

Freundlich Grüsse aus Tirol

ElFredo · 22. Juni 2010 um 15:31

also ich haben einen div container namens „wrapper“ der u.A. zwei weiter container „inhaltlinks“ und „inhaltrechts“ enthält, sowie ein div für die fußleiste.
wenn nun die beiden container größer werden, sollen sie eigendlich den wrapper nach untenhin erweitern. wenn bei mir aber die inhaltscontainer größer werden, lappen sie über den wrapper hinaus…weiss nicht wie ich es anders erklären kann;-)

ne, hab ich wohl nicht. Danke, werd ich mir mal genauer angucken!

hab damit oben links auf der seite ein paar links plaziert.

kann ich dir jetzt nicht mehr genau sagen. sicher ein überbleibsel aus den zig versuchen die ich gemacht habe. hat sicher keinen sinn mehr. werd ich auch mal nachsehen.

Behälter in denen die „curvy corners“ untergebracht sind.

ok.

naja, hat sicher nicht im geringsten anspruch auf korrektheit die seite.
bin froh das ich es ansatzweise hinbekommen habe.
das problem mit den containern liegt hätte ich jetzt aber eher auf falsches floaten geschoben…

Peter1978 · 24. Juni 2010 um 07:39

Dann ist das Problem für dich gelöst??
Tip: Sauberer Code erspart vieeeeel(^-)

ElFredo · 24. Juni 2010 um 19:58

nee, leider nicht.
ich habe das img tag um das alt ergänzt, der explorer zeigt es trotzdem nicht an.
firefox schon…

evtl besser zu beurteilen wenn man es sieht:

Firefox: http://img153.imageshack.us/img153/6325/firefoxg.jpg

Explorer: http://img444.imageshack.us/img444/7585/explorer.jpg

Peter1978 · 25. Juni 2010 um 06:58

Ok schreib mal den code ins Reine. Wenn du mir einen saubere code schickst, schau ich mir das nochmal an.
P.S.: Hast du das selbst gemacht - das Bild mit dem Kopfhörer? Gefällt mir^_

ElFredo · 25. Juni 2010 um 08:03

Hi,

jaja, die kleinen Fehlerchen! Des mit der falschen Darstellung im Explorer lag an einem
überflüssigen Anführungszeichen im img-tag.

Im Moment komm ich leider nicht dazu alles nochmal zu überarbeiten.
Trotzdem Danke für dein nettes Angebot!

Peter1978 · 26. Juni 2010 um 07:30

wie üblich^_^/
wundert mich das der FF kein Problem damit hat^^

vSn -_^

vitus37 · 26. Juni 2010 um 08:47

Vorab:
Validiere deine Seiten, bevor du nach Hilfe fragst. Häufig werden die Fehler dadurch schon behoben, falls nicht, fällt es uns trotzdem einfacher den Code zu durchblicken.
Für HTML: The W3C Markup Validation Service
Für CSS: The W3C CSS Validation Service
Wäre dir auch verbunden, wenn du in Zukunft einen Link zur Problemseite posten könntest. Dann können wir unsere Analysewerkzeuge viel effektiver nutzen.

Sofern das Problem mit dem Wrapper weiterhin besteht, versuche dem Wrapper ein

overflow: hidden;

in CSS zu geben. Das dürfte das Problem lösen, heisst aber nicht, dass die ganze absolute/fixe Positioniererei nicht entfernt werden sollte, da ich sie als unnötig erkenne.