PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Website: wird bei Euch alles richtig angezeigt?


Panasonic
2005-05-07, 17:16:56
Könnt Ihr einmal meine Website angucken (www.makeshift-resort.de) und kurz posten, ob alles richtig angezeigt wird? Auflösung und Browser wäre interessant. Falls Euch irgendwas auffällt, oder Ihr meint das man irgendwas verbessern muss: her mit Eurer Meinung. Wer mag kann natürlich ins Gästebuch spamen ;)

skamikaze
2005-05-07, 17:27:19
firefox/1280x1024

wird alles "richtig" angezeigt, auffällig ist nur dass die seite links oben in der ecke hängt!

btw: auf der "startseite" ist der text rechts oben rot, auf alles anderen seiten grau :|

R300
2005-05-07, 17:27:25
In Firefox 1.0.3, IE6 und Opera 8 keine Fehler! :up:
(Ich konnte zumindest keine Finden)

EDIT: Was bungholio sagt habe ich nicht als Fehler gesehen X-D

bArToN
2005-05-07, 17:27:50
Bei mir wird die Seite 100% richtig angezeigt.

huha
2005-05-07, 17:28:02
Richtig angezeigt zu werden scheint alles, allerdings:

~150 KB für die Seite sind ein bißchen arg viel für meinen Geschmack, selbst mit DSL braucht die eine gewisse Zeit zum Laden, was ich nicht als sehr positiv erachte.

-huha

Browser: Mozilla 1.7.irgendwas, Windows

Panasonic
2005-05-07, 17:31:03
firefox/1280x1024

btw: auf der "startseite" ist der text rechts oben rot, auf alles anderen seiten grau :|
Das ist so gewollt: Konzerte in der Zukunft werden auf der Startseite dann grün angezeigt, die in der Vergangenheit rot. Auf den weiteren Seiten habe ich von diesem Ampelsystem abgesehen. kA warum :) War mir lieber :)

Gibts denn eine Möglichkeit die Seite so zu gestalten, das Sie immer zentriert in der Mitte angezeigt wird? Hab die jetzt auf 1024 x 768 optimiert gehabt.

ZoiZ
2005-05-07, 17:34:28
Kann auch keine Fehler erkennen mit Moz 1.7.7 und 1151x864 ..
Würde den Inhalt jedoch zentrieren und nicht auf rote Texthover setzen.

Des Weiteren hier und da ein bissel mehr aufs Printlayout achten, um die Übersicht zu erhöhen.

Edit: Zum zentrieren .. naja, nimm einfach Tabellen und lass die csslayer komplett weg :D

tomtom
2005-05-07, 17:43:06
Opera 7.54u2 @ 1400x1050:
Bei mir wird alles so angezeigt, wie ich meine dass es angezeigt werden sollte! Einziges Manko: Imho würds besser aussehen, wenn die Site zentriert wäre... ;)

MfG

Panasonic
2005-05-07, 17:49:27
Opera 7.54u2 @ 1400x1050:
Bei mir wird alles so angezeigt, wie ich meine dass es angezeigt werden sollte! Einziges Manko: Imho würds besser aussehen, wenn die Site zentriert wäre... ;)

MfG

Dann erkläre mir mal wie das geht: vergiss dabei nur nicht, das ich ein noob bin :)

redfox
2005-05-07, 18:02:12
bei 1280*1024

ie(6.0.2900): alles korrekt

firefox(1.0.3): auch alles ok, bis auf http://www.makeshift-resort.de/fotos.html
da reichen die bilder unten aus dem rahmen raus

opera(8.0): gleiches problem wie beim firefox

tomtom
2005-05-07, 18:10:04
Am einfachsten machst du ein <div> über den gesamten Inhalt des Bodys. Sollte hinhauen...

im Style-Bereich baust du noch folgendes ein:

div.anyname {text-align: center;}


und dann baust du das Div noch ein:
Nach dem Body tag eröffnest du direkt das Div:

<body onLoad="MM_preloadImages('http://www.makeshift-resort.de//bilder/relaunch/title2.png')">

<div class="anyname">

<div id="Layer3" style="position:absolute; left:22px; top:23px; width:879px; height:77px; z-index:3"><a href="http://www.makeshift-resort.de" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('title','','http://www.makeshift-resort.de//bilder/relaunch/title2.png',1)"><img name="title" border="0" src="http://www.makeshift-resort.de//bilder/relaunch/title.png"></a></div>
...
...
<div id="Layer8" style="position:absolute; left:32px; top:633px; width:82px; height:21px; z-index:10; font-family: Arial, Helvetica, sans-serif; color: #666666;"><a href="http://www.makeshift-resort.de/imp.html">impressum</a></div>

und beendest es ganz zum Schluss:
</div>

</body>


Sieht ein bissl blöd geschrieben aus, aber im HTML Code im Forum kann ich die wichtigen Teile ansonsten nicht fett hervorheben (zumindest ich kanns nich^^)

Aber hier ein kleines Bsp:

<html>
<head>
<title></title>
</head>
<body>
<div style="text-align: center;">Content</div>
</body>
</html>


Hoffe, das hilft!

MfG

skamikaze
2005-05-07, 18:35:31
<table height="100%" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="vertical-align:middle">
<center>


inhalt....


</center>
</td></tr></table>

----------------------------
sollte funktionieren ;)

Panasonic
2005-05-07, 18:39:06
<table height="100%" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="vertical-align:middle">
<center>


inhalt....


</center>
</td></tr></table>

----------------------------
sollte funktionieren ;)

Das Bandlogo wird damit schonmal zentriert, mehr aber nicht :)

hyperterminal
2005-05-07, 18:53:52
das zentrieren bereitet mir auch immer probleme, besonders wenn es tabellenfrei und ohne missbilligte attribute sein soll

meistens mache ich es dann so:
<div id="main">
inhalt...
</div>
und ins css:

#main {
height: 100px; /* Höhe in Pixel */
left: 50%;
margin-left: -50px; /* Hälfte der Breite */
position: absolute;
top: 50%;
margin-top: -50px; /* Hälfte der Höhe */
width: 100px; /* Breite in Pixel */
}

tomtom
2005-05-07, 18:54:51
Genau das hab ich mit dem Div auch erreicht. In einer Testdatei hab ich nun versucht, wie sich ein Vaterdiv auf untergeordnete auswirkt. Dabei übernehmen die untergeordneten Divs den Nullpunkt des Vaterdivs. Ist auch gut so, sollen sie ja...

Aber mit deinem HTML Code haut das nich so ganz hin :|
Aber ich bleib dran...das muss gehen!!! ;)

MfG

Panasonic
2005-05-07, 19:35:57
So, jetzt gehts! danke an Terminator :)

tomtom
2005-05-07, 19:40:01
Gerne;)
Allerdings ist es nicht in HTML Strict geschrieben(was aber bei seiner Seite nichts zur Sache tut, weil der Rest auch relativ ähnlich geschrieben ist).

Ich arbeite aber an einer Lösung. Wenn ich Zeit habe, werd ich es mal versuchen es besser zu machen, poste es dann hier (kann man ja allgemein gebrauchen).
Falls ein anderer User schneller ist: gerne, bin immer offen für neue Lösungen! ;)

-=sUn's*shAdoW=-
2005-05-07, 19:49:21
Gerne;)
Allerdings ist es nicht in HTML Strict geschrieben(was aber bei seiner Seite nichts zur Sache tut, weil der Rest auch relativ ähnlich geschrieben ist).

Ich arbeite aber an einer Lösung. Wenn ich Zeit habe, werd ich es mal versuchen es besser zu machen, poste es dann hier (kann man ja allgemein gebrauchen).
Falls ein anderer User schneller ist: gerne, bin immer offen für neue Lösungen! ;)

Warum eigentlich nicht so? (soll doch einfach nur zentriert werden, oder?)

Über alles erstmal ein <div>
Dann einfach mittels CSS:

.main{ margin: 0px auto; }
- wobei das 0 px der Abstand von oben als auch unten ist.

cu

Edit: So sieht das dann aus. (http://sun7.su.funpic.de/dump/zentriert.html)

tomtom
2005-05-07, 19:54:34
hmm, auf die Idee bin ich gar nicht gekommen, klingt aber gut...!!!
Mal ausprobieren!

[EDIT]
Will doch nicht so ganz (ich kann dir die Datei von Pana gerne zukommen lassen, kannst dann selber mal probieren...bei mir hauts jedenfalls so nicht hin, obwohl der Denkansatz gut ist!!!)

Mfg

-=sUn's*shAdoW=-
2005-05-07, 20:00:56
hmm, auf die Idee bin ich gar nicht gekommen, klingt aber gut...!!!
Mal ausprobieren!

[EDIT]
Will doch nicht so ganz (ich kann dir die Datei von Pana gerne zukommen lassen, kannst dann selber mal probieren...bei mir hauts jedenfalls so nicht hin, obwohl der Denkansatz gut ist!!!)

Mfg

Was genau haut denn nicht hin?

tomtom
2005-05-07, 20:21:41
Genau gesehen ändert sich gar nichts ;(
Ich habs mit so wie in deinem Bsp gemacht (was super funktioniert!!). Aufgrund der absolut positionierten Divs geht das glaub ich nicht.

Das Problem hatte ich auch, alls ich das für Pana machte. Dann hab ich eine zentrierte Tabelle mit fixer Breite reingemacht, darin dann das Div, das über den gesamten Content geht. Das geht dann...

MfG

-=sUn's*shAdoW=-
2005-05-07, 22:37:35
Genau gesehen ändert sich gar nichts ;(
Ich habs mit so wie in deinem Bsp gemacht (was super funktioniert!!). Aufgrund der absolut positionierten Divs geht das glaub ich nicht.

Das Problem hatte ich auch, alls ich das für Pana machte. Dann hab ich eine zentrierte Tabelle mit fixer Breite reingemacht, darin dann das Div, das über den gesamten Content geht. Das geht dann...

MfG

Wozu auch absolut positionierte Divs?! Das kann man ganz bestimmt auch sauberer und einfacher lösen.

Wenn es um den Header geht, so würde ich da ein großes Div mit dem Logo als Hintergrund nehmen, und den Text lediglich mittels padding oder Textalign nach rechts versetzen... aber das ist nur eine von vielen Lösungswegen, man muss halt mal verschiedene ausprobieren.

cu

Edit: Setz mal einen Doctype, am besten gleich 4.01 Transitional (da funktioniert zumindest sicher das "margin: 0px auto")

tomtom
2005-05-08, 11:28:24
Wozu auch absolut positionierte Divs?! Das kann man ganz bestimmt auch sauberer und einfacher lösen.


Die sind schon in seinem Quellcode vorhanden gewesen...
DocType könnte man versuchen ;)

mfg

-=sUn's*shAdoW=-
2005-05-08, 11:46:19
Die sind schon in seinem Quellcode vorhanden gewesen...
DocType könnte man versuchen ;)

mfg

Geht auch mit absolut positionierten Divs. (http://sun7.su.funpic.de/dump/zentriert.html)

cu

tomtom
2005-05-08, 12:31:53
Wie du bewiesen hast, funktionierts! :up:
Aber probiers mal mit Pana's Quellcode. Da hat das nicht so richtig hingehauen...vllt hab ichs auch nicht wirklich gut hingekriegt, bin nicht so der Freund von fremdem Quellcode :)

MfG

Henrik
2005-05-08, 12:32:12
Mich störts ein bischen, das ich bei 1024x768 und Tabbed-Browsing-Leiste unter Firefox schon nach unten scrollen muss, um alles zu sehen.

-=sUn's*shAdoW=-
2005-05-08, 12:41:27
Wie du bewiesen hast, funktionierts! :up:
Aber probiers mal mit Pana's Quellcode. Da hat das nicht so richtig hingehauen...vllt hab ichs auch nicht wirklich gut hingekriegt, bin nicht so der Freund von fremdem Quellcode :)

MfG

Hast du den Quelltext vielleicht irgendwo schon ein bisschen schöner formatiert? Ich bin zu faul das ganze zurecht zu stutzen, und ohne dem hab ich genau 0 Überblick ;(
Ich werds dann aber trotzdem mal probieren...

cu

tomtom
2005-05-08, 13:02:48
Hab auch mit dem unformatierten Code gearbeitet. Beim HTML isses eh nicht so schlimm, da reichen mir die Einrückungen schon so. Und am JS hab ich sowieso nichts geändert, also hat mich da die Formatierung nicht unbedingt interessiert!

Wenn dus schaffst (wovon ich ja ausgehe ;) ) könntest du mir das dann mal zukommen lassen? Würd dann gern sehen wie dus gelöst hast...!

MfG

-=sUn's*shAdoW=-
2005-05-08, 15:05:28
Hm, also ich hätte es so gemacht:

-> Neu geschrieben (http://sun7.su.funpic.de/dump/pana_neu.html) [ zugehörige CSS-Datei (http://sun7.su.funpic.de/dump/style.css) ]

Perfekt ist das noch nicht, aber dafür valid.

cu

tomtom
2005-05-08, 18:03:42
Gleich um die Hälfte weniger Code ;)