2009-06-30 17 views
0

Meine Website: geek.designbracket.com (Drupal 6.10) wird nicht korrekt in IE7 gerendert. Das Hauptproblem liegt bei den primären Links in der Kopfzeile und dem Logo. Die Website wird bei Bedarf in FireFox und Chrome angezeigt.Website wird im IE7 nicht korrekt gerendert?

Hauptproblem: Der #Page Div hat einen großen Rand oben und unten in IE, die das Logo verschiebt.

Grundsätzlich habe ich ein div: #utilities verwendet, die das Primary Menu + Search + Logo einkapselt, die relativ innerhalb dieses div positioniert sind. Ich habe dies getan, um eine konsistente Ausrichtung der Elemente in FF und Chrome zu gewährleisten, auch wenn die Website in verschiedenen Auflösungen angezeigt wird.

Unter diesem div habe ich #Page div: welche die Sidebar und den Inhalt enthält.

css fr die relevanten divs wie unter:

#utilities { 
margin:0 auto; 
padding:0 10px 15px; 
width:990px; 
} 

#utilities #plinks { /*plinks is for the primary menu*/ 
float:left; 
left:60px; 
position:relative; 
width:900px; 
} 

#utilities form { /* this div determines the position of the search box */ 
position:relative; 
top:10px; 
z-index:1; 
} 


#logo { 
float:left; 
left:70px; 
position:relative; 
} 

Bitte helfen Sie mir die primäre Links, Logo ausrichten und das Suchfeld in einer solchen Art und Weise, dass die Ausrichtung für unterschiedliche Auflösungen im IE auch wie es konsistent bleibt wurde für FF gemacht.

Danke.

+0

Alles sieht gut in IE8 ... – Malcolm

Antwort

0

Hier sind einige Korrekturen für IE6. Es sollte einige der ie7 Probleme beheben

Das Logo ist auf der rechten Seite.

style.css #logo{clear:left;} 

Ihre linke Spalte hat die double-margin bug

layout.css #primary {display:inline;} 

Ihre "einen neuen Kommentar hinzufügen" und "Read More" abgeschnitten werden. Das Problem ist, dass sie beide floated Elemente sind, die keine Höhe haben. Sie haben dann eine Menge Rand/Padding auf verschiedene Elemente gesetzt, um es richtig auszurichten, was normalerweise nicht gut über den Browser funktioniert. Ich denke, Sie müssen Clearing Floats lesen und dieses Teil von Grund auf neu starten.

+0

Vielen Dank Emily für solche rechtzeitige Hilfe und auch mit solchen nützlichen Links :) clear: left; Sortierte das Problem. Danke auch für solche nützlichen Links, die mir helfen, meine Wissenslücken zu überbrücken. – Sbhambry

0

Schnell Vorschlag: versuchen, eine klar zu stellen: links-Anweisung in der #logo Block (kann es nicht testen, ich jetzt ...)

+0

Vielen Dank Benc für Ihre Hilfe. Du hast recht . Klar: Links ist was benötigt wurde. Ich bin bereits Fan von stackoverflow.com mit der tollen Community-Unterstützung, die es gibt. – Sbhambry

0

Leicht OT, aber Sie könnten finden, positioniseverything nützlich das nächste Mal IE hat Sie für einen Hammer zu erreichen!

Verwandte Themen