Hilfe
Neues Thema
Antworten
tach tach
ich habe eine tabelle von 1400 pixel breite mit 3 spalten. die wichtigste ist die große spalte in der mitte mit 800pixel.
links und rechts sind die restlichen jeweils 300pixel die als rand dienen.
es ist nun wichtig das je nach bildschirmauflösung die 800pixel immer ZENTRIERT im browser erscheinen.
genau das ist mein problem. es erscheint immer ein horizontaler scroll-balken. ich will das ganze ohne das ein scrollbalken erscheint... und die 800pixel spalte immer zentriert ist. geht das?
der 300 pixel rand ist deswegen so wichtig... weil beim unwichtigem rand links und rechts ein genau 300 pixel großer "flash-datei" als hintergrund dient. deswegen kann ich da keine porzentuale anpassung machen
hoffe jemand konnte mir folgen
Tabelle Zentrieren... Gar Nicht Sooo Einfach Xd
#1
bunny_hunter 
geschrieben 15. September 2008 - 09:15
Nach oben
#2
tobias86
- Gruppe: aktive Mitglieder
- Beiträge: 1.690
- Beigetreten: 14. August 06
- Reputation: 6
- Geschlecht:Männlich
- Wohnort:localhost
geschrieben 15. September 2008 - 09:18
warum setzt du dein flash object nicht einfach mit div in center und weißt dem Hintergrund eine Farbe zu?
Da brauchst du keine Tabelle ....
Tante Edith sagt:
Tabellen sind nicht gut für Webseiten
Da brauchst du keine Tabelle ....
Tante Edith sagt:
Tabellen sind nicht gut für Webseiten
Dieser Beitrag wurde von tobias86 bearbeitet: 15. September 2008 - 09:25
#3
bunny_hunter
geschrieben 15. September 2008 - 09:30
wie kann ich eine flash (SWF) datei bei einer HTML seite als hintergrund nehmen? ... hinter schriften... hinter tabellen.... hinter iframes?
ich versuche die frage mal einfacher auszudrücken. meine tabelle hat 1400 pixel größe... (die meisten bildschirme sind kleiner). die tabelle soll zentriert sein... ohne das unten scrollbalken erscheinen. mir ist klar das bei kleinen bildschrim rand dann links und rechts von der tabelle man inhalte nicht sieht... aber das ist egal
ich versuche die frage mal einfacher auszudrücken. meine tabelle hat 1400 pixel größe... (die meisten bildschirme sind kleiner). die tabelle soll zentriert sein... ohne das unten scrollbalken erscheinen. mir ist klar das bei kleinen bildschrim rand dann links und rechts von der tabelle man inhalte nicht sieht... aber das ist egal
Dieser Beitrag wurde von bunny_hunter bearbeitet: 15. September 2008 - 09:50
#4
tobias86
- Gruppe: aktive Mitglieder
- Beiträge: 1.690
- Beigetreten: 14. August 06
- Reputation: 6
- Geschlecht:Männlich
- Wohnort:localhost
geschrieben 15. September 2008 - 10:07
bin mir grad nicht 100% sicher, aber kannst du net background="xxx.swf" machen? oder funktioniert das nicht bzw. ist das wahrscheinlich nicht konform 
Sonst kannst du nur mit CSS definieren das du sagst Scrolling="no"
Sonst kannst du nur mit CSS definieren das du sagst Scrolling="no"
#5
bunny_hunter
geschrieben 15. September 2008 - 10:11
SWF als hintergrund geht mit CSS... lässt sich aber nicht zentrieren. also kann man das vergessen
scrolling NO mit css bringt mir nichts... weil die tabelle dann nicht zentriert ist
...........
es ist ja normalerweise mit dem rand nie ein problem gewesen... man macht für den rand einfach % und dann passt es sich automatisch an. diesmal ist es ein problem weil der rand braucht eine fixe größe
aber die browser behandeln meinen tabellen ränder nicht als rand
bzw. die browser zentrieren die ganze webseite nicht
[EDIT]
meine frage gilt ja nicht nur für die tabellen. nehmen wir mal an ich hätte eien falsh datei mit 1400 pixel breite... will das sie immer zentriert ist ohne scrollbalken.
das wäre die selbe frage
scrolling NO mit css bringt mir nichts... weil die tabelle dann nicht zentriert ist
...........
es ist ja normalerweise mit dem rand nie ein problem gewesen... man macht für den rand einfach % und dann passt es sich automatisch an. diesmal ist es ein problem weil der rand braucht eine fixe größe
aber die browser behandeln meinen tabellen ränder nicht als rand
bzw. die browser zentrieren die ganze webseite nicht
[EDIT]
meine frage gilt ja nicht nur für die tabellen. nehmen wir mal an ich hätte eien falsh datei mit 1400 pixel breite... will das sie immer zentriert ist ohne scrollbalken.
das wäre die selbe frage
Dieser Beitrag wurde von bunny_hunter bearbeitet: 15. September 2008 - 10:16
#6
tobias86
- Gruppe: aktive Mitglieder
- Beiträge: 1.690
- Beigetreten: 14. August 06
- Reputation: 6
- Geschlecht:Männlich
- Wohnort:localhost
geschrieben 15. September 2008 - 10:48
ja ohne scrollbalken heißt aber dann wenn ich eine kleinere Aufläsung als 1400 habe, sehe ich nicht alles und kann es auch durch scrollen nicht sehen.
Sonst kannst du alles und eigentlich auch eine SWF Datei mit <div align="center"> blabla </div> in die Mitte setzen.
Sonst kannst du alles und eigentlich auch eine SWF Datei mit <div align="center"> blabla </div> in die Mitte setzen.
#7
bunny_hunter
geschrieben 15. September 2008 - 10:57
Zitat (tobias86: 15.09.2008, 11:48)
ja ohne scrollbalken heißt aber dann wenn ich eine kleinere Aufläsung als 1400 habe, sehe ich nicht alles und kann es auch durch scrollen nicht sehen.
Sonst kannst du alles und eigentlich auch eine SWF Datei mit <div align="center"> blabla </div> in die Mitte setzen.
Sonst kannst du alles und eigentlich auch eine SWF Datei mit <div align="center"> blabla </div> in die Mitte setzen.
BINGO... deswegen sag ich ja... die tabelen spalten links und rechts sind unwichtig... die muss man nicht anscrollen können.
ich will einfach alles CENTER und ohne scrollbalken.
mit dem DIV vorschlag klappt das irgendwie nicht. der scrollbalken bleibt
#8
tobias86
- Gruppe: aktive Mitglieder
- Beiträge: 1.690
- Beigetreten: 14. August 06
- Reputation: 6
- Geschlecht:Männlich
- Wohnort:localhost
geschrieben 15. September 2008 - 11:12
Der Scrollbalken bleibt deswegen, weil du 1400 eingegeben hast als breite aber z.b. nur 1200 hast also siehst du die Balken. Entweder per CSS definieren, das nie Scrollbalken angezeigt werden. Nachzulesen z.B. unter selfhtml
Geh mal weg von dem Gedanken mit den Tabellen
Mach einfach mal
<body>
<div align="center">
blabla.swf eingebunden
</div>
</body>
Dann sollte deine Datei, soweit sie nicht breiter ist als DEINE Auflösung auch in der Mitte sein
Geh mal weg von dem Gedanken mit den Tabellen
Mach einfach mal
<body>
<div align="center">
blabla.swf eingebunden
</div>
</body>
Dann sollte deine Datei, soweit sie nicht breiter ist als DEINE Auflösung auch in der Mitte sein
#9
bunny_hunter
geschrieben 15. September 2008 - 11:37
das ist ja das problem... ich weiß zu 100.000% das die tabelle oder Flash datei breiter sein werden als die auflösung des betrachters. die tabelle oder flash datei wird auf jedenfall 1400 pixel breit... von mir aus sogar 3000 pixel.... sie könnte auch 10.000 pixel breit sein.... WICHTIG sind die 800pixel in der mitte. am rand laufen unwichtige flash videos
danke für deine unterstützung. aber du hast das problem nicht ganz verstanden. ich will eine "übergrosse tabelle" oder "übergroße flash datei" zentriert darstellen... ohne das ich erst zur mitte scrollen muss
mit FRAMES funktioniert es ja...
RECHTE FRAGE = %
LINKE FRAME = %
MITTLERE = FIX 800pixel
so bleibt die mitte immer STABIL und zentriert... links und rechts passen sich prozentual an.
leider sind frames keine gute lösung. weil man dann nicht die gesamte seite vertikal scrollen kann
danke für deine unterstützung. aber du hast das problem nicht ganz verstanden. ich will eine "übergrosse tabelle" oder "übergroße flash datei" zentriert darstellen... ohne das ich erst zur mitte scrollen muss
mit FRAMES funktioniert es ja...
RECHTE FRAGE = %
LINKE FRAME = %
MITTLERE = FIX 800pixel
so bleibt die mitte immer STABIL und zentriert... links und rechts passen sich prozentual an.
leider sind frames keine gute lösung. weil man dann nicht die gesamte seite vertikal scrollen kann
Dieser Beitrag wurde von bunny_hunter bearbeitet: 15. September 2008 - 11:49
#10
[Elite-|-Killer]
- Gruppe: aktive Mitglieder
- Beiträge: 762
- Beigetreten: 02. Oktober 05
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:Passau
geschrieben 15. September 2008 - 11:43
Was kommt eigentlich dabei raus, wenn man das ganze per CSS zentriert, das müsste doch eigentlich auch gehen?
Dieser Beitrag wurde von [Elite-|-Killer] bearbeitet: 15. September 2008 - 11:45
#11
bunny_hunter
geschrieben 15. September 2008 - 11:51
per javascript? dann nur her mit dem CODE... ich bin für alles offen
per CSS... ich kanns versuchen. hast du einen CODE den ich testen kann?
zentrieren funktioniert ja... das problem besteht darin... ein "übergroßes objekt (tabelle zb) zu zentrieren. so das der linke und rechte rand bei kleiner auflösung nicht zu sehen sind. aber die wichtige mitte schon
per CSS... ich kanns versuchen. hast du einen CODE den ich testen kann?
zentrieren funktioniert ja... das problem besteht darin... ein "übergroßes objekt (tabelle zb) zu zentrieren. so das der linke und rechte rand bei kleiner auflösung nicht zu sehen sind. aber die wichtige mitte schon
Dieser Beitrag wurde von bunny_hunter bearbeitet: 15. September 2008 - 12:02
#12
[Elite-|-Killer]
- Gruppe: aktive Mitglieder
- Beiträge: 762
- Beigetreten: 02. Oktober 05
- Reputation: 0
- Geschlecht:Männlich
- Wohnort:Passau
geschrieben 15. September 2008 - 12:11
Zitat (bunny_hunter: 15.09.2008, 12:51)
per javascript? dann nur her mit dem CODE... ich bin für alles offen
per CSS... ich kanns versuchen. hast du einen CODE den ich testen kann?
per CSS... ich kanns versuchen. hast du einen CODE den ich testen kann?
Ja, mit CSS klappts in der Praxis nicht so wie ich dachte, zumindestens nicht beim schnellen ersten Versuch.
Hier wäre ein Lösungsansatz, der auf MooTools basiert, sicher nicht die schönste Lösung, und der Code ist auch nur als Konzept geschrieben (etwas schlampig und ungenau^^).
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="mt.js"></script>
<script type="text/javascript">
<!--
function Center()
{
var widthB = window.innerWidth;
var widthI = $('Image').getStyle('width').toInt();
var Left = (widthI - widthB) / 2 * -1;
$('Image').setStyle('marginLeft', Left);
}
-->
</script>
<title>blubb</title>
</head>
<body onload="java script:Center();" id="body">
<img src="12000.png" id="Image" />
</body>
</html>
In Opera hats geklappt, sonst habe ich es nicht getestet.
Dieser Beitrag wurde von [Elite-|-Killer] bearbeitet: 15. September 2008 - 12:14
#13
bunny_hunter
geschrieben 15. September 2008 - 12:33
Zitat ([Elite-|-Killer]: 15.09.2008, 13:11)
Ja, mit CSS klappts in der Praxis nicht so wie ich dachte, zumindestens nicht beim schnellen ersten Versuch.
Hier wäre ein Lösungsansatz, der auf MooTools basiert, sicher nicht die schönste Lösung, und der Code ist auch nur als Konzept geschrieben (etwas schlampig und ungenau^^).
In Opera hats geklappt, sonst habe ich es nicht getestet.
Hier wäre ein Lösungsansatz, der auf MooTools basiert, sicher nicht die schönste Lösung, und der Code ist auch nur als Konzept geschrieben (etwas schlampig und ungenau^^).
In Opera hats geklappt, sonst habe ich es nicht getestet.
erstmal vielen dank für deine mühe. das du die möglichkeiten durchporbierst.
geklappt hat es so bei mir nicht.
kannst du mir das mal in eine ZIP oder RAR datei packen und hier hochladen?
vielleicht hab ich was falsch gemacht. mir fehlt wohl auch die javascript datei, oder?
sorry. bin nicht so der programmier profi
schickst du es mir mal?
#14
DCBlaze
geschrieben 15. September 2008 - 12:35
Hi,
ist vermutlich nicht die schönste Lösung die ich dir vorschlagen werde, aber ich denke mal das sie klappen wird:
Erstelle mal eine Tabelle mit 100% width und 100% height die aus nur einer Zelle besteht. Damit height 100% klappt muss im html und im body-tag auch style="height: 100%" stehen. Außerdem sollte ich dazu sagen das height: 100% nicht w3c-konform ist.
In diese eine Tabellenzelle die die Ausrichtung "center" hat trägst du dann deine swf als background ein und erstellst dir zusätzlich eine Tabelle mit der Breite von 800px für den Inhalt. Die 2. Tabelle sollte dann zentriert sein.
Kann dir leider keine Garantie geben das es klappt, aber ein Versuch ist es denke ich mal wert.
Gruß
DCBlaze
ist vermutlich nicht die schönste Lösung die ich dir vorschlagen werde, aber ich denke mal das sie klappen wird:
Erstelle mal eine Tabelle mit 100% width und 100% height die aus nur einer Zelle besteht. Damit height 100% klappt muss im html und im body-tag auch style="height: 100%" stehen. Außerdem sollte ich dazu sagen das height: 100% nicht w3c-konform ist.
In diese eine Tabellenzelle die die Ausrichtung "center" hat trägst du dann deine swf als background ein und erstellst dir zusätzlich eine Tabelle mit der Breite von 800px für den Inhalt. Die 2. Tabelle sollte dann zentriert sein.
Kann dir leider keine Garantie geben das es klappt, aber ein Versuch ist es denke ich mal wert.
Gruß
DCBlaze
#15
bunny_hunter
geschrieben 15. September 2008 - 13:02
ich denke ich brauchs nicht mal probieren. weil seit wann kann ich eine tabelle auf eine flash datei legen? ich kann ja flash nicht als hintergrund verwenden
ich würde es jetzt trotzdem ausprobieren. nur sind meine programmierkenntnise schwach. so das ich deinen vorschlag gar nicht umsetzten kann ohne hilfe beim code
ich würde es jetzt trotzdem ausprobieren. nur sind meine programmierkenntnise schwach. so das ich deinen vorschlag gar nicht umsetzten kann ohne hilfe beim code
