• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Floatproblem IE 6&7

C

Crash Override

Neues Mitglied
Hallo Leute,
im Firefox, Opera und Chrom sowie im IE 8 wird meine HP richtig angezeigt, nur im IE 6&7 stimmt das floating nciht.
Siehe hier:
8924615527j
98964892.jpg


Wer kann mir helfen?
Habe das ganze mit dem Code gemacht:
HTML: 
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
    <title>Computer Club M&uuml;nchberg - Startseite</title>
    <meta http-equiv="Content-Type"content="text/html;charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
    <script type="text/javascript" src="js/mootools.js"></script>
    <script type="text/javascript" src="js/slimbox.js"></script>
    <link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen" />
    <link rel="shortcut icon" type="image/x-icon" href="http://www.html.de/images/favicon.png" />

</head>
<body>
        <div id="main-container">
                <div id="head">
                        <?php include('inc_head.php') ?>
                </div>

                <div id="inhalt">
                        <div id="navi">
                                <ul>
                                <?php include('inc_navi.php') ?>
                                        </ul>
                              </div>
                       </div>

                <div id="inhalt-text">
                        <div id="startseite">
                            <p id="news5">Anlässlich des 100. Besuchers der Clubhomepage hat der CCM ein weiteres Feuture: Ein <a href="http://ccmueb.foren-city.de">Forum.</a> Bitte Registrieren Sie sich und wir freuen uns über Ihre Mitarbeit.</a></p>
                               <p id="news4">Die Sommerpause ist schon fast vorbei, deshalb denkt daran, dass am Mitwoch die Lehrgänge weiter gehen, Thema ist "Hardware eines PCS". Wir freuen uns auf zahlreiches Erscheinen.</p>
                            <p id="news3">Es hat sich wieder etwas auf der Homepage getan! Ein Gästebuch sowie eine Clubrundgang sind jetzt verfügbar. Ich hoffe Ihnen gefällt unsere Homepage. Wir würden uns über ein Feedback oder über liebe Grüße in unserem Gästebuch freuen!</p>
                            <p id="news2">Der Computer Club Münchberg geht im August in die Sommerpause! Also werden wir den kompletten August keine Lehrgänge abhalten. Ab September geht's ganz normal weiter und die Lehrgänge werden nahtlos fortgeführt.</p>
                            <p id="news6">Die Webseite des Computer Club M&uuml;nchberg wurde von grundauf renoviert. Es stehen neue Funktionen wie ein Kontaktformular und vieles mehr zur Verf&uuml;gung. Somit ist die Webseite auf dem Stand von V2.0.</p>
                             
                             
                             
                        </div>
                </div>

                <div id="fusszeile">
                        <?php include('inc_foot.php') ?>
                </div>
        </div>
</body>
</html>
Das ist meine Indexseite, bei den ganzen Unterseiten ist das selbe Problem.
Ebenso tritt es auf wenn ich die Seite vergrößere, oder ausdrucke.
Hoffe ihr könnt mir helfen.
Lg Crash Override:cry:
 
Zuletzt bearbeitet:
Werbung:
Nimm mal bitte die übergroße Grafik raus, ein Link zur Seite ist völlig ausreichend, dann brauchst du auch den Quellcode nicht zu posten, das bekommt man alles durch den Link.

Hast du nach dem float für die Navigation auch gecleart?
 
habe
über den div-container "inhalt-text" ein clear:both;
und nächste zeile: "float:right;":neutral:
jedoch wenn ich dieses clearen einsetze, kommt das selbe problem im Firefox auch.
 
Werbung:
Weil es noch immer Unterschiede in der Darstellung und Berechnung der Elemente in verschiedenen Browsern gibt.
 
Werbung:
habe die breite von 698px auf 650 reduziert, jedoch keinen unterschied, lediglich mein inhaltsbereich ist kleiner, aber sonst ist das problem weiterhin da.
 
Werbung:
Das ist meine CSS:
Code: 
* {
        margin: 0px;
        padding: 0px;
}

body {
        background-image: url("http://www.html.de/images/background.png");
        background-repeat: repeat-x;
        font-family: Helvetica;
}

a:hover {
        color: #FFD700;
}

a {
        color: black;
}

a:visited {
        color: blue;
}

a:visited:hover {
        color: #FFD700;
}

#head img {
        border: none;
}

.kontakt-einleitung {
        text-align: center;
        padding-left: 3%;
        padding-top: 1%;
        padding-right: 1%;
}

#album {
        margin-top: 2%;
        margin-left: 1%;
}

/*Links*/
#links a:hover {
        color: #FFD700;
}

#links a {
        color: black;
}

#links a:visited {
        color: blue;
}

#links a:visited:hover {
        color: #FFD700;
}
/*- - - - - - - - - */

#links {
        text-align: left;
        padding-top: 1%;
        padding-left: 1%;
}


#recht {
        margin-top: 2%;
        margin-left: 1%;
        margin-right: 1%;
}

/*Navigation*/
#navi {
        float: left;
        width: 200px;
}

#navi li {
        list-style: none;
        line-height: 3%;
}

#navi a:hover {
        background-color: #f0ff00;
}

#navi img {
        padding-left: 25%;
        padding-top: 5%;
}

#google {
        padding-bottom: 7%;
        width: 100%;
}
/*- - - - - - - - - */

.counter {
        margin-left: 25%;
        margin-top: 5px;
}

#inhalt {
        margin-top: 1%;
        width: 900px;
}

#home, #clubdaten, #montag, #mittwoch, #blogs, #clubgeschichte, #bilder-start, #galerie-start, #links, #download, #gastebuch, #donnerstag, #forum {
        margin-top: 3%;
}

/*Container*/
#main-container {
        background-color: #87CEFA;
        width: 900px;
        margin: 0 auto;
        border: 1px solid #191970;
}

#inhalt-text {
    
        float: right;
        width: 698px;
        height: 800px;
        line-height: 150%;
        background-color: #CEF6F5;
        border-left: 1px solid #191970;
        border-top: 1px solid #191970;
        border-bottom: 1px solid #191970;
}

#inhalt-text-lang {
    
        float: right;
        width: 698px;
        height: 1200px;
        line-height: 150%;
        background-color: #CEF6F5;
        border-left: 1px solid #191970;
        border-top: 1px solid #191970;
        border-bottom: 1px solid #191970;
}

#inhalt-text-middle {
    
        float: right;
        width: 698px;
        height: 1000px;
        line-height: 150%;
        background-color: #CEF6F5;
        border-left: 1px solid #191970;
        border-top: 1px solid #191970;
        border-bottom: 1px solid #191970;
}

#inhalt-links {
    
        float: right;
        width: 698px;
        height: 1300px;
        line-height: 150%;
        background-color: #CEF6F5;
        text-align: left;
        border: 1px solid #191970;
}

#fusszeile {
        clear: both;
        width: 700px;
        height: 20px;
        margin-left: 22%;
}

#head {
        margin-top: 1%;
        width: 900px;
        height: 200px;
}
/*- - - - - - - - - - - - - */

#inhalt-links a {
        font-weight: bold;
}

#daten {
        text-align: center;
        margin-top: 2%;
}

.fotoalben {
        padding-bottom: 2%;
}

#daten li {
        list-style: none;
}

.datenschrift {
        font-weight: bold;
}

table td, th, tr {
        border: 1px solid #191970;
}

table {
        margin-top: 2%;
        margin-left: 17%;
}

thead td {
        background-color: #87CEFA;
}

#geschichte {
        margin-top: 2%;
        padding-left: 1%;
}

#montag-tabelle {
        padding-top: 1%;
        padding-left: 2%;
}

#mittwoch-tabelle {
        padding-top: 1%;
        padding-left:2%;
}

/*News Index*/
#news6 {
        margin-top: 2%;
        padding-left: 1%;
        padding-right: 1%;
        border-top: 1px solid #191970;
}

#news2 {
        margin-top: 2%;
        border-top: 1px solid #191970;
        padding-left: 1%;
        padding-right: 1%;
}

#news3{
        margin-top: 2%;
        border-top: 1px solid #191970;
        padding-left: 1%;
        padding-right: 1%;
}

#news4 {
        margin-top: 2%;
        border-top: 1px solid #191970;
        padding-left: 1%;
        padding-right: 1%;
}

#news5 {
        margin-top: 2%;
        padding-left: 1%;
        padding-right: 1%;
        /*border-top: 1px solid #191970;*/
}
/*- - - - - - - - - - - - - */

#links2 {
        margin-top: 2%;
        list-style: none;
        padding-left: 1%;
}

/*News Donnerstag*/
#donnerstag1 {
        margin-top: 2%;
        padding-left: 1%;
        padding-right: 1%;
        /*border-top: 1px solid #191970;*/
}

#donnerstag2 {
        margin-top: 2%;
        padding-left: 1%;
        padding-right: 1%;
        /*border-top: 1px solid #191970;*/
}

#donnerstag3{
        margin-top: 2%;
        padding-left: 1%;
        padding-right: 1%;
        /*border-top: 1px solid #191970;*/
}

#donnerstag4 {
        margin-top: 2%;
        padding-left: 1%;
        padding-right: 1%;
        /*border-top: 1px solid #191970;*/
}

#donnerstag5 {
        margin-top: 2%;
        padding-left: 1%;
        padding-right: 1%;
        /*border-top: 1px solid #191970;*/
}
/*- - - - - - - - - - - - - */



/*Galerien*/
.galerie-foto {
        height: 116px;
        width: 153px;
        float: left;
        margin: 5px;
        background: #CEF6F5;
}

.galerie-foto a:hover img {
        padding: 2px;
        background-color: #FFD700;
}

.galerie-galerie2 {
        height: 86px;
        width: 115px;
        float: left;
        margin: 10px;
        background: #CEF6F5;
}

.galerie-galerie2 a:hover img {
        padding:2px;
        background-color: #FFD700;
}

.galerie-galerie3 {
        height: 153px;
        width: 115px;
        float: left;
        margin: 5px;
        background: #CEF6F5;
}

.galerie-galerie3 a:hover img {
        padding:2px;
        background-color: #FFD700;
}

.hochformat {
        clear: both;
        float: left;
        width: 698px;
}

.galerie-portrait {
        display: inline;
        height: 116px;
        width: 86px;
        float: left;
        margin: 5px;
        background: #CEF6F5;

}

.galerie-portrait a:hover img {
        padding: 2px;
        background-color: #FFD700;
}

.google-eingabe {
        background: #e3e3e3;
        border: 1px solid #aaa;
}

/*Download*/
.satzung-download {
        float: left;
        margin-top: 15px;
        margin-left: 2%;
}

.beitritt-download {
        clear: both;
        float: left;
        margin-top: 15px;
        margin-left: 2%;
}

.mittwoch-download {
        clear: both;
        float: left;
        margin-top: 15px;
        margin-left: 2%;
}

.mittwoch-download, .beitritt-download, .satzung-download {
        width: 300px;
}


#fusszeile .bottom-right {
        float: right;
}
/*- - - - - - - - - - - */

#inhalt-text img {
        border: none;
}

#downloads {
        margin-top: 2%;
}

#zeit1 {
        padding-left: 3px;
}

.donnerstag {
        text-align: center;
}

#donnerstag-news {
        padding-top: 1%;
        padding-left: 1%;
        text-align: center;
}

und hier der Link: http://www.ccmueb.de.vu
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben