2 Probleme

[ElFredo]

Hallo zusammen,

ich habe mit einer Seite die ich erstellt habe zwei Probleme, die ich nicht lösen kann.
1) 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

2) 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:
<div id="box">
<div id="rechts" ></div>
<div id="links" ></div>
</div>
<div id="wrapper">
<div id="header">
<img class="kopf" "src="phones.png"/>
<img class="schriftzug" src="schriftzugneu1a.png" />
</div>
<div id="navleiste">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Idee.html">Idee</a></li>
<li><a href="Media.html">Media</a></li>
<li><a href="Team.html">Team</a></li>
<li><a href="http://fredo73.spacequadrat.de/Blog/">Blog</a></li>
<li><a href="Veranstaltungen.html">Veranstaltungen</a></li>
</ul>
</div>

<div id="inhaltlinks">

</div>
<div id="inhaltrechts">
</div>
<div id="fussleiste">
<a class="impressum" href="Impressum.html">Impressum</a>

</div>
</div>

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

 

[Peter1978]

1) die divs "inhaltlinks" und "inhaltrechts" spannen das div "wrapper" nicht auf wenn der Inhalt entsprechend größer wird.

Versteh ich nicht. %-/

im Explorer wird das Logo nicht angezeigt.

Hast du es mit alt="" Angaben probiert. Im <img> 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;
background-attachment:fixed;
}

Was soll fixiert werden?

<div id="box">
<div id="rechts" ></div>
<div id="links" ></div>
</div>

Für was sind diese Bereiche?

#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;}

Ein Beistrich zuviel.


u.s.w

Freundlich Grüsse aus Tirol

 

[ElFredo]

Versteh ich nicht. %-/

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;-)

Hast du es mit alt="" Angaben probiert. Im <img> Element ein muss?! (?_?)

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

Für was sind die?

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

Was soll fixiert werden?

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.

Für was sind diese Bereiche?

Behälter in denen die "curvy corners" untergebracht sind.

Ein Beistrich zuviel.

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]

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

 

[ElFredo]

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]

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]

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]

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

vSn -_^

 

[vitus37]

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.