kostenloser Webspace werbefrei: lima-city

Blöcke eingerückt bei IE 7

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   w*w

   12:37, 20.9.2009

   Hallo,
   
   ich habe bei einem Design das ich gemacht habe ein Problem dem ich nicht auf die Spur komme. Es handelt sich um eine Wordpress Seite. Sehe ich mir die Seite im Firefox an ist alles korrekt aber im IE7 sind die Blöcke mit den Überschriften (Navigation, Diaschau) eingerückt. Ich habe es etwas eingedämmt indem ich sozusagen mit dem Holzhammer vorgegangen bin und die Spalte schmäler gemacht habe aber das hat die Sache nur verbessert aber nicht gelöst.
   
   Hier ist der Link zur Seite: http://www.hoeglinger-wels.at
   
   Hier die eingebetteten CSS Files:
   http://www.hoeglinger-wels.at/wp-content/themes/hoeglinger/layout.css
   http://www.hoeglinger-wels.at/wp-content/themes/hoeglinger/style.css
   http://www.hoeglinger-wels.at/wp-content/themes/hoeglinger/formatting.css
   
   Hat jemand eine Idee?
   
   Grüße Christian

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. illuxio

   

   illuxio hat kostenlosen Webspace.

   19:35, 20.9.2009

   Hallo!
   
   Dies ist ein Problem von IE 7 und tiefer! (Falsche Interpretation von CSS!)
   
   Am besten du löst das Problem so:
   

   <!--[if lt IE 8]>
       <style type="text/css">
         .menu {
                margin-left: 15px;
         }
       </style>
     <![endif]-->

   
   

   [if lt IE 8]: alle Version vor 8 (less-than = kleiner als)

   
   
   Gruß
   illuxio
   
   Beitrag zuletzt geändert: 20.9.2009 19:35:56 von illuxio

4. color

   

   color hat kostenlosen Webspace.

   11:09, 21.9.2009

   Hi, also eine Browserweiche ist alles, nur nicht das Besste.
   Es ist hier wieder mal das alte Problem, du verwendest code den der IE und teilweise andere Browser nicht verwenden oder nur falsch interpretieren.
   Mein Firebug zeigt mir spontan mal das hier
   
   

   min-height:100%;

   
   
   Böse !
   Also das können schonmal nicht alle Browser, vor allem IE jammert da rum.
   Ich würde dir empfehlen eine definitive Höhe anzugeben und eine dementsprechende Breite.
   Dazu darf man in CSS nie darauf vertrauen das ( nur als Beispiel ) ein <h1> auch wirklich als <h1> angezeigt wird. Es hat zwar immernoch die gleich Bedeutung, aber jeder Brwoser verwendet dafür andere Standards, wie z.B. Schriftgröße, Schriftart oder margin/padding.
   
   Genauso ist es mit allen Elementen, wobei margin und padding die wohl gravierendsten sind, neben Schriftart/größe.
   
   Ich empfehle dir hier mal dein Style abzugleichen, damit du mal sehen kannst welche Codestellen nicht browserkompatibel sind.
   
   http://www.css4you.de
   
   Dort kannst du dich auch über absolute Positionierung informieren, damit kannst du dann sicher sein das die gängigsten Browser, ink. IE6/7 mitspielen.
   
   Grüsse
   Color

5. e********l

   11:58, 21.9.2009

   min-height wird von IE7 und später unterstützt, aber wenn man auch IE6 als Zielgruppe hat sollte man es vermeiden zu nutzen.
   Mit unter reicht es auch anstatt eines Margins einfach ein Padding im Eltern Element zu setzen. Ich weiß nicht in wie weit WordPress auf das BoxModell achtet, aber man kann dieses sehr leicht zerschießen.

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?