Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Verfolgung starten Optionen

Bandsite Shizuka

PeaveyUser / 10 Antworten / Baumansicht Nickles

Hallo zusammen!

Ich habe die Seite von meiner Band erstellt und komme bei ein Paar gravierenden Problemen auf keinen grünen Zweig.

Hier erstmal der Link:

http://www.shizuka.eu/

Problem 1: Mit dem Internet Explorer sieht die Seite einfach zum anspucken aus :). Sowohl der CSS-Code als auch die png-Grafiken werden nicht richtig angezeigt. Da ich ziemlich neu bei sowas bin, würde ich mich sehr um ein bisschen erfahrene Hilfe freuen.

Problem 2: Ich möchte die ganze Seite zentriert haben, weiß aber nicht, wie ich das machen soll.

http://www.shizuka.eu/bilder/bild.JPG

hier ist ein Link, wie ich die Seite haben will... wobei der Hintergrund mir keine Probleme macht, dafür aber die Zentrierung.

Und vorallem... wie soll das dann auf einer kleinen Auflösung vernünftig funktionieren?

:( ich bin etwas ratlos.

Ich habe die Seite nach dem Buch "Professionelle Websites" von Stefan Münz mit Weaverslave erstellt.

Danke im vorraus,

Rina

bei Antwort benachrichtigen
hundevatta PeaveyUser „Bandsite Shizuka“
Optionen
Hier wird das ganz anschaulich erklärt.
- Boh glaupse ey! -
bei Antwort benachrichtigen
hundevatta Nachtrag zu: „Hier wird das ganz anschaulich erklärt.“
Optionen
Der Ansatz gefällt mir noch besser!
- Boh glaupse ey! -
bei Antwort benachrichtigen
PeaveyUser hundevatta „Der Ansatz gefällt mir noch besser!“
Optionen

hmmm... Das hat auf jeden Fall schonmal etwas mehr Licht ins Dunkel gebracht... aber meine Seite weigert sich, damit einfach so zu funktionieren... wenn ich "margin-left:auto; margin-right:auto;" versuche zu benutzen, wird das einfach so ignoriert... ich poste einfach mal meinen CSS-Code, vielleicht kann mir ja jemand sagen, was ich falsch gemacht habe und wie man es schaffen könnte, dass auch der Internet Explorer damit klarkommt.

html, body {
margin:0px;
padding:0px;
width:100%;
height:100%;
background-color:black;
}
#desktop{
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
width:100%;
height:100%;
z-index:1;
}
#desktop_picture {
text-align:center;
width:996px;
height:795px;
border:none;
}
#credits {
position:absolute;
bottom:0px;
padding-bottom:2px;
font-family:Arial,sans-serif;
font-size:12px;
font-weight:bold;
color:black;
z-index:6;
}
#firefox {
left:785px;
position:absolute;
bottom:0px;
z-index:4;
}
#mock {
top:7px;
left:833px;
position:absolute;
bottom:0px;
padding-bottom:70px;
z-index:4;
opacity:0.70;
filter:alpha(opacity=70);
}
#main_window {
position:absolute;
height:664px;
overflow:visible;
top:110px;
left:70px;
width:850px;
height:664px;
z-index:3;
opacity:0.85;
filter:alpha(opacity=85);
}

#nav_window {
position:absolute;
left:129px;
overflow:visible;
top:18px;
left:17px;
width:975px;
z-index:5;
height:180px;
opacity:0.90;
filter:alpha(opacity=90);
}

#nav_logo {
margin-left:232px;
overflow:visible;
z-index:4;
}
#counter {
top:18px;
margin-left:16px;
overflow:visible;
z-index:1;
}
#scroll {
position:absolute;
width:850px;
height:530px;
z-index:3;
overflow:scroll;
}
#newsbox {
position:absolute;
margin-top:40px;
margin-left:420px;
font-size:90%;
font-family:Arial,sans-serif;
color:#180977;
font-weight:bold;
border: 1px dashed red;
background-color: white;
padding:10px;
border:10px
z-index:4;
overflow:visible;
}

Gruß,

Rina

bei Antwort benachrichtigen
hundevatta PeaveyUser „hmmm... Das hat auf jeden Fall schonmal etwas mehr Licht ins Dunkel gebracht......“
Optionen

"...dem

Element wird die Textausrichtung center verpasst, damit aber der Text in dem
Bereich nicht zentriert ist muss dem Bereich wieder gesagt werden, dass der Text nach links ausgerichtet werden soll. Im Internet Explorer ist der
Bereich jetzt zentriert, damit das auch in den anderen Browsern der Fall ist, wird dem
Bereich noch zusätzlich das margin:auto; gegeben..."

Zitat aus der ersten verlinkten Seite. Im Body-Bereich also "text-align:center" für den IE und in dem zu zentrierenden div das margin:auto für den Rest der Browserwelt
- Boh glaupse ey! -
bei Antwort benachrichtigen
Rheinlaender PeaveyUser „Bandsite Shizuka“
Optionen

Mit transparenten pngs kommt der IE (zumindest bis Version 6) auf keinen Fall klar. Du kannst entweder auf transparente gifs umsteigen oder Du setzt einen Hinweis auf die Seite, dass der IE Mist ist. ;-)

Kleine Anmerkung von mir: die Seite ist für mich mit 1024x768 schon zu breit, ich hab 'nen horizontalen Scrollbalken.
Desweiteren wäre es für die Lesbarkeit des Forums toll, wenn Du entweder wesentlich kleinere Screenshots posten würdest, oder einfach nur einen Link auf die Grafik einstellst. Nicht jeder fährt mit 1600x1200.

Danke und Gruß
Rheinlaender

bei Antwort benachrichtigen
PeaveyUser Rheinlaender „Mit transparenten pngs kommt der IE zumindest bis Version 6 auf keinen Fall...“
Optionen

Hi!

Sorry, für das riesen Bild... ich war wohl etwas abwesend als ich den 'Tip' unten gelesen hatte... Ich fahre eine Auflösung von 1920 x 1440, deshalb ist es für mich teilweise echt schwer abzuschätzen, wie es auf 'normalen' monitoren aussieht. ich nehme zwar immer wieder kleine auflösungen um mir das anzugucken, aber es ist dann alles SO groß, dass man das trotzdem wieder nicht einschätzen kann.

Also... bei der Seite musst du horizontal scrollen? Ich meine jetzt bei meiner Seite oder meintest du den Thread hier?

*ist etwas verwirrt*

@hundevatta: das funktioniert mysteriöserweise nicht :S

Vielen Dank auf jeden Fall schonmal für Eure Mühe! ^^

Gruß,
Rina

bei Antwort benachrichtigen
hundevatta PeaveyUser „Hi! Sorry, für das riesen Bild... ich war wohl etwas abwesend als ich den Tip...“
Optionen

Wie sieht denn dein aktueller css-code aus? Ich bin kein Spezialist und muss bei Problemen auch sehr oft die einschlägigen Seiten besuchen. Aber manchmal hat man ja ´nen Gedankenblitz... ;o))

- Boh glaupse ey! -
bei Antwort benachrichtigen
Rheinlaender PeaveyUser „Hi! Sorry, für das riesen Bild... ich war wohl etwas abwesend als ich den Tip...“
Optionen
Also... bei der Seite musst du horizontal scrollen? Ich meine jetzt bei meiner Seite oder meintest du den Thread hier?
Ich meine shizuka.eu. Durch meine Sidebar wird nicht die ganze Breite Deiner Seite angezeigt. Bei kleineren Auflösungen bzw. nicht maximierten Fenstern wird's noch schlimmer. Dabei ist das unnötig, Du könntest das ganze auch mit variabler Breite lösen.

Und was genau hast Du wegen der Positionierung probiert, dass es noch nicht klappt?

Gruß
Rheinlaender

PS: "No Reason" find ich gut.
bei Antwort benachrichtigen
PeaveyUser Rheinlaender „ Ich meine shizuka.eu. Durch meine Sidebar wird nicht die ganze Breite Deiner...“
Optionen

Ha! *strahl* ...nach stundenlangem Rumprobieren, habe ich es endlich geschafft!! :D

Vielen Dank für Eure Hilfe!!

@Rheinlaender: ^^ Danke! ...und die Breite habe ich jetzt auch verringert. Schau mal nach, ob es so in Ordnung ist... (Ich habe mich an der Breite der Seite von Musikhaus Thomann orientiert ;))

Eine Gute Nacht noch!

Rina

bei Antwort benachrichtigen
hundevatta PeaveyUser „Ha! strahl ...nach stundenlangem Rumprobieren, habe ich es endlich geschafft!!...“
Optionen

Jetzt sieht das ganze richtig gut aus; ich bin auch ein Freund von "center" und mag linksbündige Seiten nicht so.
Schau dir übrigens mal die Easy gallery an. Ist vielleicht auch noch was zum aufpeppen für deine/eure Seite.

- Boh glaupse ey! -
bei Antwort benachrichtigen