Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
Autor |
Nachricht |
Nergal dauerhaft gesperrt
Anmeldungsdatum: 17.07.2003 Beiträge: 11433
|
(#615077) Verfasst am: 06.12.2006, 15:01 Titel: CSS Probleme |
|
|
Habe mal was mit Css gebaut nur leider gibt es ein Problem, die Div-box mit der ID tekst lässt sich einfach nicht so plazieren wie ich das gerne hätte, sie ist entweder ganz oben bei top 0 left 0 oder ganz unten dh unter den beiden anderen Div-Boxen (dem Bild und dem Menue).
Weder bei Opera noch bei IE 6 wird das ganze richtig dargestellt obwohl beide zmindest soweit sein sollten es annähernd ähnlich darzustellen ohne dass ich irgendeinen Boxmodel hack einbauen müßte.
Was hab ich hier falsch gemacht?
Hier der html code:
Zitat: | <html>
<head>
<title>MAIN</title>
<style type="text/css">
@import url(Video2.css);
</style>
</head>
<body>
<div id="bild"><img src="banner.jpg" height="100%" width="100%">
</div>
<div id="menue">
<div>
MENÜ
</div>
<div>
<ul>
<li>Tutorials</li>
<li>Haftungsausshluss</li>
<li>Impressum</li>
</ul>
</div>
</div>
<div id="tekst">Texte</div>
<div>
</div>
</body>
</html> |
Dazu die CSS:
Zitat: | body{
position: fixed;
background-color: #fff;
}
#bild{
z-index:1;
Position: fixed;
top: 40px;
left: 40px;
width:400px;
height:100px;
}
#menue{
z-index:2;
position: fixed;
top: 200px;
left: 40px;
width:160px;
height:400px;
border: 4px solid #00C;
}
#tekst{
z-index:2;
position: fixed;
top: 200px;
left: 40px;
width:160px;
height:400px;
border: 4px solid #00C;
} |
|
|
Nach oben |
|
 |
Brahms Geschwafelkommodore
Anmeldungsdatum: 15.06.2005 Beiträge: 495
|
(#615080) Verfasst am: 06.12.2006, 15:10 Titel: |
|
|
Ganz oben muss in deinem HTML doc so etwas wie
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
stehen.
Wenn wir mal wissen was du dorthin gepflanzt hast, sehen wir weiter.
_________________ Headjob yes - hejab no!
|
|
Nach oben |
|
 |
Autoterrorist Die Gottespest
Anmeldungsdatum: 23.04.2006 Beiträge: 846
Wohnort: Duisburg
|
(#615085) Verfasst am: 06.12.2006, 15:21 Titel: |
|
|
Was soll denn der letzte undefinierte Div-Container? Und wieso schreibst du "Menü" auch nochmal zwischen Div-Befehlen?
Bei mir jedenfalls klappt es wunderbar. #menue und #tekst überschneiden sich, demnach auch die Inhalte, aber ich denke so ist das auch gewollt, oder? Ich benutze übrigens Firefox.
|
|
Nach oben |
|
 |
Evi registrierter User
Anmeldungsdatum: 18.10.2006 Beiträge: 43
|
(#615086) Verfasst am: 06.12.2006, 15:22 Titel: |
|
|
Code: | <style>
@import url(Video2.css);
</style> |
Stimmt das denn so?
Vielleicht bin nicht auf dem neuesten Stand, aber ich finde diesen CSS-Aufruf merkwürdig.
Ich kenn das eher so (im Head):
Code: | link rel="STYLESHEET" type="text/css" href="DATEINAME.css" title="IRGENDWAS" |
edit: http://de.selfhtml.org/css/formate/einbinden.htm#separat
Zitat: | Erläuterung:
Eine CSS-spezifische Einbindung wird innerhalb eines style-Bereichs im Dateikopf notiert. Mit @import url starten Sie die Angabe. In Klammern notieren Sie dahinter den Dateinamen bzw. die Adresse der separaten CSS-Datei. Hinter der Dateiangabe notieren Sie, durch Leerraum getrennt, das gewünschte Ausgabemedium. Es dürfen auch mehrere sein, getrennt durch Kommata. Dabei sind die gleichen Medientypen erlaubt wie im HTML-Attribut media. Am Ende der @import-Angabe muss ein Strichpunkt stehen.
Beachten Sie:
Der Internet Explorer unterstützt die Einbindung über @import in Verbindung mit der Angabe von Ausgabemedien nicht. |
Versuch die Einbindung doch mal konventionell, dann gehts vielleicht auch im IE.
|
|
Nach oben |
|
 |
Brahms Geschwafelkommodore
Anmeldungsdatum: 15.06.2005 Beiträge: 495
|
(#615096) Verfasst am: 06.12.2006, 15:45 Titel: |
|
|
Bei aller Bescheidenheit: die Stellungnahmen von Autoterrorist und Evi sind irrelevant.
_________________ Headjob yes - hejab no!
|
|
Nach oben |
|
 |
GermanHeretic Individualoptimist & Kulturpessimist
Anmeldungsdatum: 16.06.2004 Beiträge: 4932
|
(#615098) Verfasst am: 06.12.2006, 15:46 Titel: |
|
|
Autoterrorist hat folgendes geschrieben: | Was soll denn der letzte undefinierte Div-Container? |
So dumm ist das nicht, beim M$ InternetExplodierer gibt es schonmal Darstellungsprobleme mit fix und absolute definierten divs, wenn welche dynamisch versteckt und eingeblendet werden. Ein abschließender, leerer Bereich am Ende der Seite wirkt da Wunder.
_________________ "Nehmen Sie einem Durchschnittsmenschen die Lebenslüge, und Sie nehmen ihm zu gleicher Zeit das Glück." (Henrik Ibsen)
|
|
Nach oben |
|
 |
GermanHeretic Individualoptimist & Kulturpessimist
Anmeldungsdatum: 16.06.2004 Beiträge: 4932
|
(#615104) Verfasst am: 06.12.2006, 15:52 Titel: |
|
|
Streiche fixed, setze absolute, dann klappt's auch mit IE.
_________________ "Nehmen Sie einem Durchschnittsmenschen die Lebenslüge, und Sie nehmen ihm zu gleicher Zeit das Glück." (Henrik Ibsen)
|
|
Nach oben |
|
 |
Evi registrierter User
Anmeldungsdatum: 18.10.2006 Beiträge: 43
|
(#615108) Verfasst am: 06.12.2006, 15:57 Titel: |
|
|
Brahms hat folgendes geschrieben: | Bei aller Bescheidenheit: die Stellungnahmen von Autoterrorist und Evi sind irrelevant. |
Aber freundlich gemeint.
|
|
Nach oben |
|
 |
Nergal dauerhaft gesperrt
Anmeldungsdatum: 17.07.2003 Beiträge: 11433
|
(#615116) Verfasst am: 06.12.2006, 16:09 Titel: |
|
|
Mist, dass es bei IE nicht geht hätte ich nachlesen sollen (verdammte Microsoftler) werde <link> verwenden.
Doctype habe ich, wie ich sehe wirklich vollkommen vergessen, ist wohl bei copy und paste passiert.
|
|
Nach oben |
|
 |
Brahms Geschwafelkommodore
Anmeldungsdatum: 15.06.2005 Beiträge: 495
|
(#615127) Verfasst am: 06.12.2006, 16:30 Titel: |
|
|
Evi hat folgendes geschrieben: | Brahms hat folgendes geschrieben: | Bei aller Bescheidenheit: die Stellungnahmen von Autoterrorist und Evi sind irrelevant. |
Aber freundlich gemeint.  |
_________________ Headjob yes - hejab no!
|
|
Nach oben |
|
 |
GermanHeretic Individualoptimist & Kulturpessimist
Anmeldungsdatum: 16.06.2004 Beiträge: 4932
|
(#615135) Verfasst am: 06.12.2006, 16:34 Titel: |
|
|
Nergal hat folgendes geschrieben: | Mist, dass es bei IE nicht geht hätte ich nachlesen sollen (verdammte Microsoftler) werde <link> verwenden.
Doctype habe ich, wie ich sehe wirklich vollkommen vergessen, ist wohl bei copy und paste passiert. |
Wie Brahms schon erwähnte, der DOCTYPE hilft nicht. Und wenn man den css-Kode direkt in das style-Tag schreibt, flunzt es im IE auch nicht.
Ersetze fixed durch absolute, verdammich.
Zital selfhtml:
"Die Angabe fixed wird vom Internet Explorer für Windows nicht unterstützt, Netscape unterstützt sie seit Version 6.1. Auch neuere Opera-Versionen können damit umgehen.
Der Internet Explorer berücksichtigt nur einen Eckpunkt, so dass es diesem Browser nicht möglich ist, einem Element bei Angabe mehrerer Eckpunkte eine zu berechnende Breite und/oder Höhe zuzuweisen."
_________________ "Nehmen Sie einem Durchschnittsmenschen die Lebenslüge, und Sie nehmen ihm zu gleicher Zeit das Glück." (Henrik Ibsen)
|
|
Nach oben |
|
 |
Evi registrierter User
Anmeldungsdatum: 18.10.2006 Beiträge: 43
|
(#615148) Verfasst am: 06.12.2006, 16:43 Titel: |
|
|
GermanHeretic hat folgendes geschrieben: |
Ersetze fixed durch absolute, verdammich.
|
Stimmt. Problem gelöst.
|
|
Nach oben |
|
 |
Nergal dauerhaft gesperrt
Anmeldungsdatum: 17.07.2003 Beiträge: 11433
|
(#615184) Verfasst am: 06.12.2006, 17:34 Titel: |
|
|
Ging erst auch nicht, aber schließlich schon, obwohl ich fixed erst später genommen habe und zuerst das absolute veruchte, das soll wer verstehen
Ich hab übrigens bei euch etwas falsch geschrieben beim tekst Div soll es left: 300px; heißen.
Der Letzte freie Div-Block ist übrigens wirklich wegen dieser komischen Probleme die gelegentlich beim letzten body-element auftauchen.
Danke erst mal, nun funktioniert das ganze endlich, hoffe das geht dann irgendwann mit IE7.
|
|
Nach oben |
|
 |
|