 |
|
|
| |
hallo,
hier gleich mal der Link, damit man sieht was ich für ein problem habe.
http://fellfresse.fe.ohost.de/impressum_div_template
ganz unten befindet sich ein rotes div. dort soll später der seiteninhalt rein. demzufolge muss diese box noch oben, direkt nach oben unter die rot-blauen divs unter home.
das problem warum ich nich drauf komm, is der abschliessende div am ende, der über 100% seitenbreite geht. das inhalt div muss nicht über das letzte div gehen. ich bekomm das inhalt div nicht nach oben, ohne die formatierung der oberen divs zu zerschiessen.
was unter firefox helfen würde, wär ja nen position: absolute; und dann mit top: und left: die position schieben, aber eider is das keine lösung für den IE?!?!?!
hier noch nen bissel code:
Code: In Zwischenablage kopieren (nur IE)
Code: In Zwischenablage kopieren (nur IE)
|
|
|
|
|
|
| |
Antworten |
|
| |
1. div.inhalt
{
position: absolute;
top: 130px;
left: 25px;
margin: 0;
padding: 0 0 0 0;
background: red;
width: 230px;
height: 330px;
}
lad Dir mal die Webdeveloper toolbar von Firefox runter
- da kannst in Echtzeit CSS editieren und das Ergebnis anschaun.
Ob das ganze unter IE geht hab ich nicht getestet.
2. leider nein.
im IE wird kein div angezeigt...
hast du ne andere lösung?
3. Du hast das CSS ja auch nicht geändert ....
oderr nicht hochgeladen
4. ja, ich hatte es probiert, gesehen da ses nicht hinhaut und wieder gelöscht.
hab aber noch mal zu nachschauen alles hochgeladen.
http://fellfresse.fe.ohost.de/impressum_div_template
Code: In Zwischenablage kopieren (nur IE)
im FF ist alles super, aber im IE wird gar nichts angezeigt...nich mal an einer total verschobenen position
5. setz doch mal padding auf Null und width auf 200px.
und display:block;
6. ok, hab ich gemacht.
aber wieder nix zu sehen im IE.
aber irgendwie zerhaut es den ###FOOTER### ganz unten. der is nun 1,5 fach zu sehen.
also muss er ja was machen, nur nicht das richtige.
Code: In Zwischenablage kopieren (nur IE)
7. dann schmeiß mal den Footer raus.
Mir ist Dein Script zu unübersichtlich - wieso definierst Du div.inhalt in zwei verschiedenen CSS-
Dateien?
Auch der Rest sieht aus wie ein Tabellenscript. halt div statt Tabellenelemente.
Schnapp Dir mal ein Script von http://www.cssplay.co.uk/layouts/index.html
und bau es um.
Ich blick bei Deinem Script einfach nicht durch.
8. Entferne mal diese ganze div-Suppe aus deiner Datei: Code: In Zwischenablage kopieren (nur IE)
keine Ahnung, was du damit bezwecken willst, aber in jedem Fall geht das auch anders.
Was dein Design angeht:
Wie soll das aussehen, wenn diese Spalte in der Mitte ist? Das stell ich mir nicht gerade Besucherfreundlich vor.
Benutze doch lieber ein dropdown-Menü. Auf www.cssplay.co.uk findest du dazu viele Beispiele. Das verkürzt auch gleich die Klickpfade deiner Besucher, was den besuchern Zeit und dir Traffic erspart.
9. der balken über dem bildschirm soll "nur" mrkieren auf welcher seite man sich gerade befindet. es gibt sieben seiten und der balken befindet sich immer unter dem linkkästchen. damit ich den abstand immer gut hinbekomme habe ich dummy-leisten eingefügt. die machen nichts weiter als den sichtbaren balken an seine richtige position zu schieben.
nen drop down menü hilft mir also nicht. der balken soll immer im hintergrund zu sehen sein.
würde der IE absolute positionen verstehen wäre ich ja schon fertig.
ich teile das css der übersichtlichkeit wegen. in einer css definier ich allgemeine sachen, die alle seiten betreffen. in der zweiten wird das spezifische css für die aktuelle seite definiert.
ich mag es nicht, wenn ich erst ewig scrollen muss um den richtigen teil zu finden.
10. wieso ist div.inhalt in zwei css-Dateien definiert ?
11. allgemeine div definitionen in der allgemeinen css datei und die speziellen definitionen in der speziellen css datei.
ich mag einfach nich doppelten code schreiben
12. die Beschreibung einer Klasse über zwei Dateien zu verteilen ist sinnvoll ?
na ja - vielleicht findest Du hier ja noch einen Helfer der sich das Gewurstel antut.
13. ich hab jetzt mal eine css aus den beiden gemacht. somit gibt es zu jeder klassendefinition auch nur noch eine beschreibung.
14. die Lösung:
Dein inhalt-div muß nach der Bilderleiste rein.
Der vertikaler div ist übrigens immer noch zu hoch.
15. Zitat:
fellfresse postete
der balken über dem bildschirm soll "nur" mrkieren auf welcher seite man sich gerade befindet. es gibt sieben seiten und der balken befindet sich immer unter dem linkkästchen. damit ich den abstand immer gut hinbekomme habe ich dummy-leisten eingefügt. die machen nichts weiter als den sichtbaren balken an seine richtige position zu schieben.
nen drop down menü hilft mir also nicht. der balken soll immer im hintergrund zu sehen sein.
Das ist genau der Grund, warum diese div-layer dort nicht hingehören. HTML ist eine Auszeichnungssprache, keine Design-Sprache.
Code: In Zwischenablage kopieren (nur IE)
Auf diese Weise hast du die Bilderleiste immer genau unter dem jeweiligen Menüpunkt, sogar einem einzigen div-layer. die li-Elemente erster Ebene ordnest du nebeneinander an, die li-Elemente zweiter Ebene untereinander (mit display:block; kannst du die Listenpunkte entfernen.). Der Inhalt wird zunächst komplett unterhalb der Bilderleiste angezeigt. Mit float oder aber mit position:absolute und entsprechenden negativen Positionswerten kannst du das div-Element an die richtige position bringen - ebenfalls ohne extra unsinnige div-layer mit einzubauen.
16. @Achereto
wie Du es beschrieben hast wärs auf jeden Fall besser.
Das Problem war allerdings die vertikale Scrolleiste, die direkt nach der Bilderleiste folgt.
17. aber bei der lösung steht die div box doch unter der leiste die ja hinter dem textbereich verlaufen soll.
ich werd es jetzt wohl ganz anders machen. ich werde auf die dynamische seitenanpassung verzichten, und eine feste breite wählen. dann brauch ich keine dummy-divs und kann den textbereich ordentlich positionieren.
18. leiste hinter dem textbereich ? was für ein Textbereich ?
19. das div inhalt soll mein textbereich werden. hinter diesem textbereich liegt der farbige vertikale balken, der anzeigt auf welcher seite man sich befindet.
das problem is ja nunl, wie bekomme ich diesen textbereich über den farbigen balken, so dass ich text schreiben kann, der nicht durch div oder table grenzen zertrennt wird.
20. hm - also den div inhalt kannst Du ja drüber machen,
indem Du ihn nach vorne setzt vor die Bildleiste.
Aber irgendwo fehlts mir immer noch an Verständnis:
wenn der Textbereich vor dem Balken liegt,
dann wird dieser Balken ja verdeckt, dann kannst ihn auch weglassen.
21. und genau das verdecken soll ja nich sein. der balken soll "durchscheinen".
schau sonst mal hier:
http://fellfresse.fe.ohost.de/images/news.jpg
vielleicht wird mein vorhaben denn klarer.
der balken zeigt mir an, das ich auf der seite news bin. der balken muss im hintergrund liegen und "durchscheinen", das die textebene über den balken schreibt. die positionierung des balkens is schwierig, da ich wollte das sich das design bei einem resize des browserfensters anpasst.
mfg
22. aha - ja, jetzt ist es klarer:
und wo hast Du die Transparenz definiert ?
http://www.cssplay.co.uk/opacity/index.html
23. das is nur ein bild...mein entwurf. so soll es später in html werden.
aber bei der umsetzung hapert es eben.
wie bekomme ich den tex-div über den balken? der balken soll durchscheinen (transparenz) und der text-div soll sich von links nach rechts erstrecken.
|
|
|
