Ie6 zerhackt das Layout

*claude*

Hallo!

ich hab ein Problem mit dem IE6! Hat jemand ne Ahnung woran es liegen kann, dass weder die Überschriften in den Posts, noch das Menü dargestellt wird? Ich hab leider keine Ahnung, im code wird alles angezeigt.
Hier der Link zur Seite

Ganke für eure Hilfe!
claude

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Arno Simon

folge mal dem Link "Valides CSS" auf Deiner Seite.... Das CSS validiert nicht und vllt. liegt es schon daran....

vG

Arno

*claude*

Hallo!

das war nur ein } zuviel im print.css
Wär auch komisch, wenn das css valide sein müsste um im IE6 ne korrekte Darstellung zu bekommen, oder? :)
Gruß!
claude

Monika

Zitat von *claude*

Hallo!
ich hab ein Problem mit dem IE6! Hat jemand ne Ahnung woran es liegen kann, dass weder die Überschriften in den Posts, noch das Menü dargestellt wird? Ich hab leider keine Ahnung, im code wird alles angezeigt.
Hier der Link zur Seite
Ganke für eure Hilfe!
claude

zu 99,9 % ist es der
Peek-a-boo IE6 Bug

weil nur der läßt Inhalte verschwinden

lg

*claude*

Hi!

Danke!
ich fürchte es ist nicht der Peek-a-boo IE6 Bug.
Wenn ich dem umschließenden div(bei mir #navi(?)) ne genaue Höhe gebe, wie das als Lösung vorgeschlagen wird, das Menü immernoch verschwindet.
Und die Überschriften im Post werden nie dargestellt....
Grüße!
Claude

hier nochmal ein bischen code ;) :

Code

<body>
<div id="wrapper">
<div id="header">
    <div id="headerimg">
        <h1><a href="http://www.ilovebildwechsel.org/">i love bildwechsel</a></h1>
      </div>
    <div id="navi">
        <ul>
            <li class="current_page_item"><a href="http://www.ilovebildwechsel.org/">HOME</a></li>
              <li class="page_item"><a href="http://www.ilovebildwechsel.org/?page_id=2" title="About">About</a></li>
<li class="page_item"><a href="http://www.ilovebildwechsel.org/?page_id=3" title="Sections">Sections</a></li>
<li class="page_item"><a href="http://www.ilovebildwechsel.org/?page_id=16" title="LINKS">LINKS</a></li>
<li class="page_item"><a href="http://www.ilovebildwechsel.org/?page_id=14" title="CONTACT">CONTACT</a></li>
        </ul>
    </div>
</div>
<!-- end header -->


<!-- begin sidebar -->
<div id="side">    
   ...
</div>
<!-- end sidebar -->
        
<!-- begin content -->
    <div class="content">
        <div class="content_header" id="post-34">
                <h2><a href="http://www.ilovebildwechsel.org/?p=34" rel="bookmark" title="Permanent Link to transformer 2 starting on March, 16th">transformer 2 starting on March, 16th</a></h2>
                <span class="date"> March 15th, 2007</span>
        </div>
        <div class="feature">
            <p>The Art Project Transformer is reflecting on gender in motion with an Exhibition, an exquisit  filmprogram and a selection of events, lectures and talks. Venues in Biel: Filmpodium, Museum Schwab, Photoforum PasquArt, espace libre, Kreuzsaal Nidau, Galerie Quellgasse</p>
<p>Bildwechsel is part of this event with a film program with short films.</p>
<h3>transformer 2</h3>
<p>kulturprojekt<br />
Postfach 1702<br />
CH - 2501 Biel/Bienne<br />
<a href="http://www.trans-former.ch/index.php" class="liexternal">www.trans-former.ch</a></p>
        </div>
        <div class="content_footer">
            <span class="by">By: admin</span> 
            <span class="postedin">Posted in: <a href="http://www.ilovebildwechsel.org/?cat=5" title="View all posts in Event" rel="category tag">Event</a></span>
            <span class="comments"><a href="http://www.ilovebildwechsel.org/?p=34#respond" title="Comment on transformer 2 starting on March, 16th">No Comments »</a></span>
            <span></span>
        </div>
    </div>
    
        <div class="navigation">
            <div class="alignleft"><a href="http://www.ilovebildwechsel.org/index.php?paged=2">&laquo; Previous Entries</a></div>
            <div class="alignright"></div>
        </div>


    
<div id="clear">
</div>
<!-- end wrapper -->
</div>


<!-- begin footer -->
<div id="footer">
    ...
</div>


</body>
</html>

Alles anzeigen

mein css für der header/menü Bereich:

Code

/* HEADER */
#header {
    margin-bottom:40px;
    height:143px;
    background: #bfdefa url('images/header_bg.gif') repeat-x top;
}
/* HEADERIMG */
    #headerimg{
        width:220px;
        height:110px;
        background: url('images/header.gif') no-repeat top left;
    }
    #headerimg h1 {
        position: absolute;
           font-size: 0;
           left: -1000px; 
    }


/* NAVIGATION - top horizontal nav */
#navi{
    position:absolute;
    top:110px;
    width:100%;
    height:auto;
    background: #2b6687 url('images/navi_bg.gif') repeat-x top;
    font-size:80%;
}
    #navi ul{
        margin-left:0px;
        list-style: none;
        font-weight:bold;
    }
    #navi ul a{
        display: block;
        padding-top:2px;
        float:left;
        width:132px;
        line-height:28px;
        color:white;
        background: #2b6687 url('images/navi_bg.gif') repeat-x top;
        border-right:3px solid #bfdefa;
        text-decoration:none;
        text-align:center;
        text-transform:uppercase;
    }
    #navi ul a:hover, ul a:active {
        background: #0f232e url('images/navi_current.gif') repeat-x top;
    }


    #navi li{
        float:left;
    }

Alles anzeigen

Arno Simon

Zitat von *claude*

das war nur ein } zuviel im print.css
Wär auch komisch, wenn das css valide sein müsste um im IE6 ne korrekte Darstellung zu bekommen, oder? :)

der ie ist von ms und mit dem überlebst du manche überraschung......

vg

arno

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Ie6 zerhackt das Layout

Jetzt mitmachen!