Probleme über Probleme...Forum » Webzone » (X)HTML & CSS » Probleme über Probleme...
Neues Thema-
06.08.2008 um 16:37 Uhr
Hallo miteinander
Ich arbeite seit heute wieder an einem neuen Layout und nun ja bisschen Probleme gibt es als Grundgerst habe ich mich mal an den Code von Alice Tuts (Photoshop in XHTML). So nunja, so weit so gut nun will ich oben eine Navigation mit Rollover machen habe mir gedacht "mh wenn schon css dann richtig" also wollte ich die nicht in eine Tabelle machen (was eh nicht gut ist^^) und habe mir ein Tut von Giatu geschnappt und zwar dieses hier http://giatu.de/tutorial.php?id=407
nun sieht es so aus:
http://deepside.org/4/
Ich wei nun nicht wie ich die Position richtig festlegen kann, wenn ich es mit margin mache berlappen alle im FX und Opera und wenn ich es wieder anders mache dann ist die Navigation (oben) mitten im Text - argh -.-
Knnte mir jemand helfen ? Ich will ein ordentliches und Valides design erstellen deshalb ist es mir so wichtig
Danke euch im vorraus ^^
-
06.08.2008 um 18:36 Uhr
Entweder du setzt Conditional Comments ein,
oder CSS Hacks um dem IE gerecht zu werden ...
Oder eben du lebst damit,
dass die Seite nicht in allen Browsern korrekt dargestellt wird
... { signatur } ... -
06.08.2008 um 22:32 Uhr
Wo soll die obere Navigation denn hin?
So vielleicht?
CSS fuer #obennavi => Firefox
#obennavi{ postition: relative; width: 950px; height: 110px; margin: -120px 0px 0px 36px; } #obennavi ul li { list-style-type: none; float: left; display: block; } a.navihome, a.navihome:link, a.navihome:active, a.navihome:visited { width: 158px; height: 57px; background: url('img/home_navi1.png')top left no-repeat; display: block; } a.navihome:hover { width: 158px; height: 57px; background: url('img/home_navi2.png')top left no-repeat; display: block; }
Nicht schoen aber selten
Nein mal ganz im Ernst, sofern es denn so aussehen sollte wie oben, wuerde ich dir empfehlen, deine Headergrafik in 2 Teile zu zerschneiden, obere Haelfte nutzt du als HG fuer den Header und die untere Haelfte in der sich die Navigation befinden soll, die nimmste als HG fuer den Container #obennavi, die Variante die ich oben nun gepostet habe funktioniert zwar(im Firefox!), aber ist nicht wirklich optimal...
Der Beitrag wurde insgesamt 1 mal editiert, zuletzt 06.08.2008 um 22:42 Uhr ...... { signatur } ... -
07.08.2008 um 11:40 Uhr
ach super alice
danke danke danke das du mir geholfen hast So nun wollte ich das mal mit den 2 geteilten Header gemacht nun sieht es so aus -> Website
Habe berall margin und padding 0 krieg es aber nicht hin des die 2 header nahtlos bereinander gehen und im IE sieht das ganze noch komischer aus, wre klasse wenn du nochmal nachschauen knntest weil ich bin mit meinem latein am ende
-
07.08.2008 um 12:35 Uhr
super alice danke dir es funktioniert nun wunderbar in Opera und FX nur im IE will es nicht klappen, dass komische ist das er mir zwar die links oben anzeigt aber die Bilder nicht
hab nun nochmal den code berprft und alle Bilder neu hochgaleden etc. aber IE will trotzdem keine Bidler oben zeigen
-
07.08.2008 um 13:12 Uhr
Zitat von MindFreak:
super alice danke dir es funktioniert nun wunderbar in Opera und FX nur im IE will es nicht klappen, dass komische ist das er mir zwar die links oben anzeigt aber die Bilder nicht hab nun nochmal den code berprft und alle Bilder neu hochgaleden etc. aber IE will trotzdem keine Bidler oben zeigen
Das is ein ganz simpler 'Fehler'
Gugg dir doch mal die Werte von background: z.B. bei #footer an und dann schauste dir noch mal die Werte von background: bei deinen Links fuer die Navi an
... { signatur } ... -
07.08.2008 um 14:04 Uhr
danke dir alice fr alles nun klappt es wunderbar da war des mit left und top ^^ nun zeigt er alles perfekt in allen browsern an
Danke dir auch fr den IE Hack kenn mich damit null aus und verstehe nun ein bisschen mehr
Danke danke danke
Antworten 
Zitat 
