Freigeisterhaus Foren-Übersicht
 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   NutzungsbedingungenNutzungsbedingungen   BenutzergruppenBenutzergruppen   LinksLinks   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

CSS Probleme

 
Neues Thema eröffnen   Neue Antwort erstellen   Drucker freundliche Ansicht    Freigeisterhaus Foren-Übersicht -> DAU's Paradise
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Nergal
dauerhaft gesperrt



Anmeldungsdatum: 17.07.2003
Beiträge: 11433

Beitrag(#615077) Verfasst am: 06.12.2006, 15:01    Titel: CSS Probleme Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Brahms
Geschwafelkommodore



Anmeldungsdatum: 15.06.2005
Beiträge: 495

Beitrag(#615080) Verfasst am: 06.12.2006, 15:10    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Autoterrorist
Die Gottespest



Anmeldungsdatum: 23.04.2006
Beiträge: 846
Wohnort: Duisburg

Beitrag(#615085) Verfasst am: 06.12.2006, 15:21    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Evi
registrierter User



Anmeldungsdatum: 18.10.2006
Beiträge: 43

Beitrag(#615086) Verfasst am: 06.12.2006, 15:22    Titel: Antworten mit Zitat

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. Frage
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Brahms
Geschwafelkommodore



Anmeldungsdatum: 15.06.2005
Beiträge: 495

Beitrag(#615096) Verfasst am: 06.12.2006, 15:45    Titel: Antworten mit Zitat

Bei aller Bescheidenheit: die Stellungnahmen von Autoterrorist und Evi sind irrelevant.
_________________
Headjob yes - hejab no!
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
GermanHeretic
Individualoptimist & Kulturpessimist



Anmeldungsdatum: 16.06.2004
Beiträge: 4932

Beitrag(#615098) Verfasst am: 06.12.2006, 15:46    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
GermanHeretic
Individualoptimist & Kulturpessimist



Anmeldungsdatum: 16.06.2004
Beiträge: 4932

Beitrag(#615104) Verfasst am: 06.12.2006, 15:52    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Evi
registrierter User



Anmeldungsdatum: 18.10.2006
Beiträge: 43

Beitrag(#615108) Verfasst am: 06.12.2006, 15:57    Titel: Antworten mit Zitat

Brahms hat folgendes geschrieben:
Bei aller Bescheidenheit: die Stellungnahmen von Autoterrorist und Evi sind irrelevant.


Aber freundlich gemeint. zwinkern
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Nergal
dauerhaft gesperrt



Anmeldungsdatum: 17.07.2003
Beiträge: 11433

Beitrag(#615116) Verfasst am: 06.12.2006, 16:09    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Brahms
Geschwafelkommodore



Anmeldungsdatum: 15.06.2005
Beiträge: 495

Beitrag(#615127) Verfasst am: 06.12.2006, 16:30    Titel: Antworten mit Zitat

Evi hat folgendes geschrieben:
Brahms hat folgendes geschrieben:
Bei aller Bescheidenheit: die Stellungnahmen von Autoterrorist und Evi sind irrelevant.


Aber freundlich gemeint. zwinkern


Cool
_________________
Headjob yes - hejab no!
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
GermanHeretic
Individualoptimist & Kulturpessimist



Anmeldungsdatum: 16.06.2004
Beiträge: 4932

Beitrag(#615135) Verfasst am: 06.12.2006, 16:34    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Evi
registrierter User



Anmeldungsdatum: 18.10.2006
Beiträge: 43

Beitrag(#615148) Verfasst am: 06.12.2006, 16:43    Titel: Antworten mit Zitat

GermanHeretic hat folgendes geschrieben:

Ersetze fixed durch absolute, verdammich.


Stimmt. Problem gelöst.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Nergal
dauerhaft gesperrt



Anmeldungsdatum: 17.07.2003
Beiträge: 11433

Beitrag(#615184) Verfasst am: 06.12.2006, 17:34    Titel: Antworten mit Zitat

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 skeptisch

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
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen   Drucker freundliche Ansicht    Freigeisterhaus Foren-Übersicht -> DAU's Paradise Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.



Impressum & Datenschutz


Powered by phpBB © 2001, 2005 phpBB Group