Clanintern Clanintern Clanintern

Forum

Öffentliche Foren
FORUM: Spiele & Computer THEMA: DIV/CSS anfängerfehler...
AUTOR BEITRAG
philos

RANG Deckschrubber

#1 - 03.03 12:43

Hallo,

ich hatte mein layout immer mit tabellen gemacht und hab grad angefangen mit div/css zu arbeiten.
In mozilla wird die site so angezeigt wie ichs mir vorgestellt habe.
als ich sie aber bei safari/IE/opera getestet habe war nichts so wie ichs wollte.
vielleicht könnte mir jemand von euch einen tipp geben was ich falsch mache?

http://www.jam-webd3sign.de/sub/stltest/indextest.html

danke schonmal
lg
philos
fishbone

RANG Deckschrubber

#2 - 03.03 14:27

Verstehe dein Problem nicht ganz.
Bis auf den Abstand in der horizontalen Navigation sieht´s bei mir im IE und im Firefox gleich aus.

Wo liegt denn das Problem, eventuell könntest dus n bissl deutlicher schildern? Danke.
*al!ve* - Vorbereitung aufs Urlaubssemester

RANG Master of Clanintern

#3 - 03.03 23:12

404, File not found.
fishbone

RANG Deckschrubber

#4 - 04.03 07:52

Ui, also bei nem 404er wär mein Tipp: Datei wieder hochladen ;-)
-[e1337e.weazel]-

RANG Godlike

#5 - 04.03 18:46



Da du ja erst angefangen hast mit divs und css zu coden hier mal ne nützliche seite

http://www.css4you.de
xi-on|absolut

RANG God

#6 - 23.03 14:33

ich missbrauch den thread mal...
hab schon ewig nixmehr in html und css gemacht und bei nem eigentlich sehr simplen design glei mal n...ätzendes problem:
code:

#cont{position:relative; height:100%; width:100%;}
#wrapper{width:800px; background-image:url(headbar3.jpg); height:101px; valign:middle; z-index:2;}
#top{height:300px;  background-color: #222; valign:top; width:800px; z-index:2;}
#bottom{height:100%;  background-color: #111; valign:bottom; width:800px; z-index:2;}
#tr{position:absolute; top:0; right:0; z-index:0;}


das element #tr soll über #cont aber unter allem anderen sein.
das #cont div ist parrent von allen elementen

z-index bewirkt garnichts Oo

jemand nen tipp? will die anderen elemente eigentlich nicht absolut positionieren außer es lässt sich nicht vermeiden
*al!ve* - Vorbereitung aufs Urlaubssemester

RANG Master of Clanintern

#7 - 23.03 14:44

Öhm ... gib mal HTML dazu.

Was heißt denn "über"? Eher in Richtung oberer Bildschirmzeile oder eher "näher am Betrachter, wenn der Bildschirm räumlich wäre"? Letztes bewirkt nämlich z-index.

Ich will hier keinen Roman schreiben wenn er auf falschen Annahmen beruht aber ich glaube, dass du hier was versuchst, das eigentlich *ganz* anders aussehen sollte.
xi-on|absolut

RANG God

#8 - 23.03 19:17

möglich *g* ... ich mein höher in z richtung ..darum ja der z-index, nur bewirkt der irgendwie null

hier der vereinfachte html aufbau :
code:

<div id="cont">
<div id="top">
blablabla großes bild und viel schnickschnack
</div>
<div id="wrapper">hiern tolles menu</div
<div id="bottom">
eigentlicher seiteninhalt
</div>
<img id="tr" src="tolleslogo.jpg" alt="oderirgendwasanderes" /> 
</div>


alles mit der id "tr" soll von den anderen elementen verdeckt werden können falls das fenster nich groß genug ist

aber irgendwie scheint da n grober denkfehler im aufbau zu sein wenn schon der vereinfachte grundaufbau nich klappt
deluxe *im ganz normalen Prüfungswahnsinn*

RANG Master of Clanintern

#9 - 23.03 21:06

weitere möglichkeit wäre, das ganze in ein weiteres div zu packen, dem den banner als HG (bg-pos: bottom) zuzuweisen...
Wenn genug Platz is guckt er raus, sonst nicht ^^
xi-on|absolut

RANG God

#10 - 24.03 12:22

hm wenn ich richtig verstehe übernimmt hier #cont die funktion die du beschreibst...da könnt ich zwar schon nen hintergrund reinlegen, aber eigentlich existiert das div nur damit alle browser die 100% höhenangabe von #bottom verstehen, wie ich das bild dann richtig positionieren soll is mir allerdings noch nich ganz klar

vll. schmeiß ich das design auch nochma übern haufen, mal gucken Oo
aaf

RANG Lord of Clanintern

#11 - 24.03 21:42

background-position...
deluxe *im ganz normalen Prüfungswahnsinn*

RANG Master of Clanintern

#12 - 25.03 05:15

dat wollte ich mit bg-pos: bottom andeuten
xi-on|absolut

RANG God

#13 - 28.03 16:09

ja ... aber das bringt mir nichts wenn das logo ne .swf datei is die ich positionieren will ...oder raff ichs immernoch nich?

naja hat sich eigentlich erledigt, habs design sowieso geändert
deluxe *im ganz normalen Prüfungswahnsinn*

RANG Master of Clanintern

#14 - 28.03 17:21

Im "vereinfachten" aufbau wars aber ein jpeg und die Rede vom "Bild". Man musste förmlich von ner Standardpixelgrafik ausgehn.
xi-on|absolut

RANG God

#15 - 28.03 18:37

quote:

src="tolleslogo.jpg" alt="oderirgendwasanderes"


wer den alt text nicht liest :rolleyes:

hab den grundaufbau geändert mit 3 "spalten" is das ja kein ding mehr, musste dazu nurn bissl was am design friemeln, weil die seite nicht so recht...4eckig aufgebaut ist , dazu hab ich das bg-pos dann allerdings auch dringend gebraucht