|
|||
bei position: fixed; verschwindet das Logo
Ich möchte bei einer Homepage die rechte und linke sowie die obere Logospalte fixieren, so daß ein Effekt wie bei Frames ensteht. Bei den Bereichen rechts und links ist das kein Problem, sie bleiben immer zu sehen. Trage ich aber beim Logo position: fixed; ein, dann rutscht das rechte Logobild auf die linke Seite und von der übrigen Formatierung (Hintergrundfarbe und Bild links ist nichts mehr zu sehen...)
Was mache ich falsch? Wie kann ich das Problem beheben? Zur Verdeutlichung: http://www.rund-um-ihren-pc.de/problem.html und das CSS: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN"> <html> <head> <meta name="generator" content="HTML Studio"> <link rel="stylesheet" type="text/css" href="dropdownmenu.css" /> <!--[if IE]> <style> #nav a { width:155px; } ul.dropdown ul, ul.dropdown ul ul, ul.dropdown ul ul ul { left:163px; } p:hover { background:#c00; } span:hover { background:#f00; } </style> <![endif]--> <script type="text/javascript" src="css_dropdown.js"></script> <link rel="stylesheet" type="text/css" href="menu_rechts.css" /> <style type="text/css"> body { padding: 0px; margin: 0px; background-color: #f4f9f6; } #logo { position: absolute; das klappt nicht.... height: 100px; background-color: #eaeeec; background-image: url(../pics/logo-left.jpg); background-repeat: no-repeat; margin: 10px; } #inhalt { width: auto; margin: 0px 200px; background-color: #f4f9f6; font-family:arial; font-size: 0.9em; } #links { position: absolute; kein Problem top: 110px; left: 10px; width: 180px; height: 800px; background-color: #f29201; } #rechts { position: absolute; kein Problem top: 110px; right: 10px; width: 160px; height: 800px; background-color: #eaeeec; } </style> Danke, Luca |
Sponsored Links |
|
|||
Luca, du sagst nicht, welcher Browser Probleme zeigt, auch gibst du keinen Code oder Link zum Ausprobieren vor. So kann ich dir nur bestätigen, dass die Screenshots nicht richtig aussehen, was dir aber nicht viel bringt.
Auch entspricht dein CSS (position:absolute) nicht der Frage (position:fixed). Zumal wird position:fixed im IE5-6 nicht unterstützt, auch hat IE Probleme mit absoluter Positionierung ohne Offset-Angaben wie top, bottom, left oder right. |
Sponsored Links |
|
|||
@IChao
Ups, ich habe hier im Forum die Position für das Logo nachgetragen und mich dabei vertan, im Editor hatte ich schon fixed stehen und nicht absolut (hatte es für das eine Foto nur wieder geändert). Wie es auf dem Screenshot aussieht, zeigt es der Firefox, Netscape und Opera an, der IE zeigt das Logo an (sogar richtig...), dafür sind aber die beiden Spalten links und rechts verschwunden - sehe ich gerade... Wenn der IE position: fixed; eh nicht unterstützt, dann bringt es wahrscheinlich auch nicht viel, selbst, wenn es die anderen Browser richtig anzeigen würden... Denn zu viele benutzen diesen Browser... Eine andere Möglichkeit gibt es wahrscheinlich nicht, die drei Bereiche immer im sichtbaren Bereich zu lassen? Luca |
|
|||
Du hast mehrere Möglichkeiten
- verwende ein Layout ohne position:fixed - verwende ein fixed-layout, und lass es allein im IE5-6 einfach hochscrollen - verwende ein Script zur fixed-Emulation in IE5-6, was bei abgeschaltetem Javascript zum Hochscrollen führt. - verwende eine "frames without frames" pure CSS Methode Auf Anhieb versuchen es die meisten Unerfahrenen mit dem letzten Ansatz, der aber regelmäßig im Desaster und Frustration endet. Ich würde mir das ersparen. Da der neue IE7 position:fixed unterstützt, kann man die ersten 2-3 Ansätze als vernünftig ansehen, solange das Layout nachsichtig mit IE6's beschränkten Möglichkeiten umgeht. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bildergröße beim verkleinen des Browserfensters | melvinuspo | CSS | 3 | 07.04.2015 17:41 |
Menueleiste anpassen | Mulo | CSS | 1 | 04.02.2015 11:08 |
div-höhe? - Hauptcontainer über ganze Seite will nicht... | AndMei | CSS | 5 | 13.12.2010 15:43 |
Positionierung einiger Elemente falsch | CrAzYs | CSS | 4 | 09.10.2008 21:45 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 15:07 |