zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden bei position: fixed; verschwindet das Logo

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.04.2006, 11:42
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.03.2006
Beiträge: 61
Luca befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.04.2006, 12:37
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

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.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.04.2006, 15:28
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.03.2006
Beiträge: 61
Luca befindet sich auf einem aufstrebenden Ast
Standard

@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
Mit Zitat antworten
  #4 (permalink)  
Alt 14.04.2006, 16:12
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

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.
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:58 Uhr.