|
||||
Seltsame Positionierungen im IE7
Hallo.
Ich bräuchte erneut eure Hilfe. Mir reicht schon ein kleiner Anstoß in die richtige Richtung, damit ich weiß, woran genau ich arbeiten muss. Das Layout hat den Crossbrowser-Check gut überstanden, nur ein paar kleine Probleme im IE7, die ich aber nicht aus eigener Kraft ausmachen und korrigieren kann. Das Problem ist zum einen in der Navigationsleiste: Soll so aussehen: Sieht im IE7 aber so aus: Und zum anderen in der Blogbeitrag-Ansicht: Soll so aussehen: klick Sieht aber recht katastrophal im IE7 aus: klick Bei der Navigationsleiste habe ich schon viel versucht, das lässt sich im IE7 scheinbar einfach nicht hinbiegen. Damit könnte ich leben, aber das andere Problem sieht einfach sehr unschön und unprofessionell aus. Hier kann man das Problem live betrachten. Validiert habe ich soweit möglich. Die Share-Buttons sind einfach nicht valide, aber daher rührt das Positionierungsproblem nicht, glaube ich! Vielen herzlichen Dank im Voraus und Gute Nacht! |
Sponsored Links |
Sponsored Links |
|
|||
Hallo,
kannst du dein Quelltext erstmal Lesbar einrücken?. Und validire! Tipp von mir - warum behilfst du dich nicht mit einer reduzierten Testseite, ob alles korrekt (valide) angezeigt wird. ___________ Gruß, Roland |
|
||||
@Roland:
Hab den Code jetzt mal eingerückt, finde es aber dadurch nicht unbedingt lesefreundlicher. Hoffe jedoch, dass das trotzdem hilft. Wie schon erwähnt, sind die Share-Buttons von Facebook und Co. per se nicht valide und die kann ich selbst auch nicht validieren auf meiner Seite. Einzige Option ist, diese gar nicht zu benutzen. Und wegen der Testseite muss ich mal schaun, ob bzw. wie ich das hinbekommen kann. |
|
|||
Zitat:
Sorry, mein Fehler. Dachte du wüstest was mit lesbar gemeint wäre. _______ Gruß, Roland Geändert von K.Roland (16.11.2011 um 18:57 Uhr) |
|
|||
So in etwa sollte ein Quelltext Aussehen, damit man vieleicht auch helfen kann ...
Okay, hier hast du irgend ein Beispiel: HTML-Code:
<!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="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Seite</title> <link rel="stylesheet" href="#" type="text/css" media="screen" /> </head> <body> <!-- Start --> <div id="header"> <h1>Überschrift</h1> <ul> <li><a>Peter</a></li> <li><a>Guido</a></li> <li><a>Lutz</a></li> </ul> <p>Text Text Text</p> </div> <!-- geschlossen --> </body> </html> HTML-Code:
<!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="en" lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><title>Seite</title><link rel="stylesheet" href="#" type="text/css" media="screen" /></head><body><div id="header"> <h1>Überschrift</h1><ul><li><a>Peter</a></li><li><a>Guido</a></li><li><a>Lutz</a></li></ul><p>Text Text Text</p></div></body></html> Gruß, Roland |
Sponsored Links |
|
||||
Danke für die Mühe.
Hier ein erneuter Versuch: HTML-Code:
<div class="suscribe"> <h3>Subscribe:</h3> <div style="float:left; border-right:1px solid #dddddd; padding-left:15px; padding-right:15px;"> <p style="font-size:11px;"> <a href="http://www" title="Follow me on Twitter"> <img style="float:left; margin-top:-2px;" src="" /> </a> <span style="float:right;"> Join <strong>X</strong><br /> Followers.</span></p> </div> <div style="float:left; border-right:1px solid #dddddd; border-left:1px solid #ffffff; padding-left:15px; padding-right:20px;"> <p style="font-size:11px;"> <a href="http://www"> <img style="float:left; margin-top:-2px;" src="" /> </a> <span style="float:right;">Join <strong>X</strong><br /> Subscribers. </span></p> </div> <div style="float:right; height:40px; width:290px; padding-left:12px; border-left:1px solid #ffffff;"> <p style="font-size:11px;"> <a href="http://"> <img style="float:left; margin-top:-11px;" src="" /> </a> Or bla bla bla ...</p> </div> </div> Hoffentlich werden dort jetzt die 3 Divs sichtbar die ich nebeneinander angereiht haben möchte. Was ja wie gesagt in allen Browsern (egal ob alt oder neu) funktioniert hat - bis auf IE7! Ich hoffe, damit geht's besser. Ich probiere derweil weiter herum. Vielen Dank im Voraus für Hinweise und Hilfe. P.S.: @hubspe: Vielen Dank für den Tipp mit der Breite, hat super geklappt! EDIT: Ich hab jetzt auch eine Testseite erstellt, wo man das Problem isoliert betrachten kann: Testseite Geändert von japanworm (18.11.2011 um 11:09 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE7 float-Problem | cgdesign | CSS | 4 | 22.07.2011 00:35 |
IE7 fixing - expandable menu | matsie | CSS | 6 | 10.04.2008 16:55 |
CSS-basiertes Menü fehlerhaft im IE7 | otomo | CSS | 0 | 16.10.2007 17:56 |
Pagezoom und IE7 | paracelsus | CSS | 24 | 17.08.2007 12:36 |
Problem mit Dastellung in IE7 und FF | ConiKost | CSS | 1 | 05.07.2006 13:59 |