HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Ausrichtung klappt nicht

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Ausrichtung klappt nicht

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
NoPlan



Anmeldungsdatum: 27.06.2009
Beiträge: 1

BeitragVerfasst am: 27.06.2009 15:12:25    Titel: Ausrichtung klappt nicht Antworten mit Zitat

Hey Leute,

ich bastel gerade an meiner ersten Homepage www.habisdesign.de .
Von vorne weg, ich weiß, dass die Seite nicht gut programmiert ist ! bin ja auch Anfänger.

Nun zum eigentlichen. Seit der neue IE raus ist hats mir den unteren Teil der Homepage nach links verschoben.
Kann mir jemand sagen wie ich das Problem beheben kann ?!#


Hier der Code von meiner Style.css für diesen bestimmten Teil

/* Page Footer */

#page_footer {
width: 780px;
}

#powered_by {
padding-top: 17px;
float: right;
width: 305px;
height: 30px;
color: #9595c2;
text-align: center;
}

#powered_by a {
color: #9595c2;
}

#product_brands {
float: left;
}

#product_brands ul {
width: 470px;
list-style-type: none;
}

#product_brands li {
margin: 5px 6px 3px 3px;
height: 40px;
list-style-type: none;
float: left;
}

#product_brands li.essen {
width: 107px;
background: url('uebungsfirmenring.jpg') no-repeat 0px 0px;
}

#product_brands li.Habisreutinger {
width: 105px;
background: url('hbs.jpg') no-repeat 0px 0px;
}

#product_brands li.Humpis {
width: 105px;
background: url('habisreutinger.jpg') no-repeat 0px 0px;
}

#product_brands li.Platzhalter {
width: 99px;
background: url('Platzhalter.gif') no-repeat 0px 0px;
}

Code:


    Grüßle Fabi
    Nach oben
    Benutzer-Profile anzeigen Private Nachricht senden
    Doppelwhopper55
    Häufiger Poster


    Anmeldungsdatum: 29.07.2008
    Beiträge: 36

    BeitragVerfasst am: 28.06.2009 14:37:26    Titel: Antworten mit Zitat

    Hallo Noplan oder Fabi,

    zunächst mal finde ich deine Seite doch schon recht beachtlich.
    Was mir (bin auch kein Profi) aber sofort aufgefallen ist das du den Footer in eine Divcontainer gepackt hast.
    Beim betrachten des Quelltext fällt auch das der Centerverweis fehlt.
    Code:
            <!-- Start of Page Footer -->

            <div id="page_footer">

                    <div id="product_brands">

                            <ul>
                            <li class="essen"><span>UefaEssen</span></li>
                            <li class="Habisreutinger"><span>Habisreutinger</span></li>

                            <li class="Humpis"><span>Humpis</span></li>

                            </ul>


                    </div>

                    <div id="powered_by">
            Designed by <a href="mailto:fh-1986@gmx.de/">F.H.</a>

                    </div>

                    <div class="clearthis">&nbsp;</div>
                       </div>

            <!-- End of Page Footer -->


    Also im Firefox ist dein Footerbereich ebenfalls links angedockt.

    Vielleicht schaust du dir das nochmal an:-)
    Nach oben
    Benutzer-Profile anzeigen Private Nachricht senden
    Beiträge der letzten Zeit anzeigen:   
    Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
       CSS
    Alle Zeiten sind GMT + 1 Stunde
    Seite 1 von 1

     
    Gehe zu:  
    Du kannst keine Beiträge in dieses Forum schreiben.
    Du kannst auf Beiträge in diesem Forum nicht antworten.
    Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
    Du kannst deine Beiträge in diesem Forum nicht löschen.
    Du kannst an Umfragen in diesem Forum nicht mitmachen.