CSS/Javascript: HILFE Anzeigen und Positionsproblem

Grünschnabel

Dabei seit: 30.06.2011

Donnerstag, 30. Juni 2011, 19:58

Guten Abend ihr Lieben,

ich bin als Leser alt - als Fragende neu und ein Hobbywebsiteseitenbastler und arbeite gerade nebenbei an einer Website für ein befreundetes Büro. Die Seite ist in html/CSS geschrieben und nur die Seiten der Projekte haben ein Java Script für eine kleine Slideshow. Das habe ich eingebunden in das html und es wird auch erstmal in allen Browsern angezeigt auch im Firefox (aktuellste Version), der Zeigt dafür das Logo nicht mehr an (das liegt auf einmal hinter der Slideshow und dem Projekttext ) - und erschwerend kommt hinzu das alle Browser den Text im Container 'infobox' nicht mehr vertikal am Boden ausgerichtet anzeigt (siehe die anderen Seiten)

hier liegt das Problemkind

Frage 01: Wie kann ich den Firefox dazu bewegen das Logo anzuzeigen?

Frage 02: Wie kann ich *alle* Browser dazu überreden den Text des Containers 'infobox' Bodenbündig anzuzeigen?

Entschuldigt bitte, für den Fall das das ein richtiger Anfängerfehler ist oder ich ins falsche Forum geschrieben habe, aber ich würde wirklich gerne wissen, was ich falsch mache ... UND für den Fall das jemand Rat weiss odere sich das einfach nur durchliest schon einmal Herzlichen Dank!

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

Donnerstag, 30. Juni 2011, 20:49

die zwei Probleme sollten denke ich recht einfach zu beheben sein

zu 01.
in der css datei bei #content einfach mal das floating clearen

also das es dann so in etwa aussieht

	Cascading Style Sheet
1 2 3 4 5 6 7	#content { width: 830px; height: 300px; font-family: Arial; font-size: 10px; clear:both; /hier clear weil header floatet / }

zu 02:

hier hast du denke ich einfach par sachen vergessen nachzutragen.

Da hier #infobox_p benutzt wird fehlt da einfach was

Cascading Style Sheet

#infobox_p {
    float: right;
    background-color: #E1EDE1;
    margin-top: -300px;
    width: 264px;
    height: 290px;
    padding: 5px;
    text-decoration: none;
    overflow: auto;
    position:relative; /*<-- für position absolute*/
}


#infobox p, #infobox_p p { /*hier einfach #infobox_p p dazu */
    position: absolute; 
    padding: 3px;
    bottom: 0;
    
    }

-LA