Verschiebung einer Grafik bei Scrollbar

Chemie

Hi,
ich habe auf meiner Seite oben einen Banner eingefügt. Jetzt hab ich das Problem, dass wenn ich eine Scrollbar hab sich dieser Banner verschiebt und so nicht auf jeder Seite gleich ist (arbeite mit Tabellen).
Kann jemand sagen wie ich das umgehen kann ?

Dankeschön.

Hier noch der Quelltext zum Banner:

Code

<table border="0" width="100%">
<td width="20%">
<font color="#FF00CC" size="-2">[img]keine.gif[/img]
    <td width="85%" align="center">






     [img]banner.jpg[/img]</a>


      </table>

Alles anzeigen

Rocco

tut mit leid, aber ich versteh kein wort von dem was du da von dir gibst....

mfg
Rocco

PS: du hast vergessen dein <td> zuzumachen... also </td>

Chemie

Also ich meine das so:
Ich habe oben den Banner (wie man im Code sieht). Nur das Problem ist, das ich auf manchen Seiten keine Scrollbar hab und auf manchen habe ich eine. Wenn ich eine Scrollbar habe, dann verschiebt sich der Banner ein Stückchen nach Links (logisch, weil hatlt Scrollbar da is).
Und ich würd gern wissen wie man das ändert.

joel

Einfach die Ganze Page in eine Tabelle tun, die eine Feste Breite hat. Dann hast du dieses Problem auch nicht mehr. Kannst ja die Breite, die die Scrollbar hat, abzählen von der ganzen Breite. Aber sonst hätte ich keine Lösung..

Beatz

WOW, also bei dem Quelltext klappen sich mir die Fussnägel um. Ich kann die Zahl der Fehler gar nicht zählen. Hast Du diese Seite von Hand gemacht. Darüber hinaus verstehe ich absolut nicht Dein Anliegen. Wie genau meinst Du das mit dem Verschieben? Ich wäre Dir sehr dankbar, wenn Du das Problem mal so beschreiben könntest, dass es auch ein Außenstehender versteht.

SO, aber noch mal ein paar Zeilen zu Deinem Quelltext und die Fehler.

Nach einem table kommt zunächst ein tr und erst dahinter ein tr
Du machst innerhalb einer Tabelle ein font-Tag auf, schließt es aber darin nicht wieder
Du machst ein td doppelt auf, ohne eines davon wieder zu schließen
Du schließt ein a-Tag, ohne es vorher zu öffnen

Schau doch das nächste mal bitte erst mal in den HTML-Validator
::] http://validator.w3.org

Rocco

...ja die fehler sind mir auch aufgefallen, aber ich dachte er hat den code aufs wesentliche zusammenkopiert. ist doch so oooder?? (jetzt kannst du dich noch rausreden )

und ich weiß nicht wieso du dieses problem hast. es dürfte normal reichen wenn du deinen banner um 20px kleiner machst, die tabelle auch und das ganze zentrierst....
außerdem...wo ist das problem wenn sich dein banner etwas verschiebt... poste mal die ganze site wenns geht...

mfg
Rocco

Chemie

Also ich habs jetzt soweit hinbekommen. Habe jetzt die ganze Seite als Tabelle gemacht und dann gehts.
Das Problem ist jetzt irgendwie nur dieses:
Wenn ich border=1 nehme, verschiebt sich die Grafik oben nicht mehr, egal ob Scrollbar oder nicht. Wenn ich aber den border wieder auf 0 setze, verschiebt sich es wieder ein ganz kleines bisschen. Habe gedacht evtl. mit bordercolor transparent, nur wie genau ist der befehl dafür ?

Vielen Dank.

Rocco

du kannst höchstens dem rand die gleiche farbe geben wie deinem hintergrund... transparent so wie du das meinst gibt es nicht...

aber bitte poste mal dein html-code (ohne vertrauliche daten halt)... ich möchte echt wissen was dein problem ist... es kann doch nicht so problematisch sein, wenn sich dein banner um 3px verschiebt... wie groß is er denn???

mfg
Rocco

joel

Villeicht so?:
style="border: 1px none"

unique

mach doch die Rahmenfarbe einfach in die Farbe des Hintergrundes .. ?!

edit: da war ich wohl zu langsam

Rocco

@joe

hat soviel ich weiß den gleichen effekt wie border=0
...aber irren ist menschlich...und probiern geht über studiern...

mfg
Rocco

Chemie

So schlau war ich auch schon die bordercolor = dem Hintergrund zu machen, schön wärs wenn das auch gehen würde, denn der border bleibt so schön grau ...
Hier mal die ganze Seite (is mir klar das Fehler drin sind, hab auch alles aus einer alten Seite von mir rauskopiert und einiges nicht entfernt):

HTML

<html>
<table border="1" width="100%" style="border: 1px none; border-color:#transparent; border-width:0px; border-style:solid; padding:4px">
<tr>
<td>
<title>Titel</title>
<body bgcolor="#000000" text="#FF00CC">












<table border="0" width="100%">
<td width="20%">
<font color="#FF00CC" size="-2">[img]keine.gif[/img]
    <td width="85%" align="center">


     [img]banner.jpg[/img]


      </table>



<table width=100% border=0 cellspacing=0 cellpadding=0>
<tr VALIGN=TOP>
<td>
        <table width=110 height=400 border=0 cellspacing=0 cellpadding=5 background="" alt="">
        <tr><td class=menu>
<center>
[url='home.html']Home[/url]






[url='ich.html']Ich[/url]






[url='tiere.html']Tiere[/url]






[url='bilder.html']Bilder[/url]






[url='kontakt.html']Kontakt[/url]






[url='gb.html']GB[/url]






















<font size="-2">.
</center>


</table>
<td width=100%>
<table border=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
<tr><td width="100%">


<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=3 WIDTH="100%">
<tr VALIGN=TOP>
<td WIDTH="33%">
<table border=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
<tr><td width="100%">


<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=3 WIDTH="100%">
<tr VALIGN=TOP>
<td WIDTH="33%">


<table border="0" bordercolor="#000000" width="500" cellspacing=0 align="center">


<tr>
<td><font color="#FF00CC">text1</td>
</tr>
<tr>
<td><font color="#FF00CC">text2
</tr>
<tr><td></td></tr>
<tr>
<td><font color="#FF00CC">
[b]<u>text3[/b]</u></td></tr>
<td><font color="#FF00CC">
text4</td></tr>
<td><font color="#FF00CC">
text5</td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td>text6</td></tr>
<tr><td></td></tr>
<tr><td>text7</td></tr>
<tr><td></td></tr>
<tr><td>text8</td></tr>
<tr><td></td></tr>
<tr><td>[b]<u>text9[/b]</u></td></tr>


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




</center>
</td>


</td>


</table>














</td>




</table>
 </body>
 </html>

Alles anzeigen

Rocco

uff.... deine site stortzt ja nur vor lauter fehler! da wunderst du dich dass sich "nur" etwas verschiebt... normal dürft die site überhaupt nicht gehn....

ich werd dir mal das ärgste ausbessern. und btw: ich würd das sowieso mit frames machen...

/edit ...da hilft ausbessern nix mehr... ich kenn mich da voll ned aus in deinem code... z.b. versteh ich absolut nicht was du damit erreichen willst:

Code

<table>
<tr>
<td width="100%">
<table border=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
<tr><td width="100%">


<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=3 WIDTH="100%">
<tr VALIGN=TOP>
<td WIDTH="33%">
<table border=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%">
<tr><td width="100%">


<center><table BORDER=0 CELLSPACING=0 CELLPADDING=0 COLS=3 WIDTH="100%">
<tr VALIGN=TOP>
<td WIDTH="33%">


<table border="0" bordercolor="#000000" width="500" cellspacing=0 align="center">


<tr>
<td><font color="#FF00CC">text1</td>
</tr>


...usw....

Alles anzeigen

mfg
Rocco

Rocco

ich hab dir hier mal schnell eine neue site zusammengeschnipselt... ich hoffe das ist was du willst:

HTML

<html>
<head>
<title>Blablabla</title>
</head>


<body>
<table width="90%" border="0" align="left">
  <tr>
    <td width="10%">[img]kein.gif[/img]</td>
    <td width="90%"><div align="center">[img]banner.jpg[/img]</div></td>
  </tr>
</table>














<table width="90%" height="720" border="0">
  <tr> 
    <td width="10%"><div align="center">Ich</div></td>
    <td width="90%" rowspan="6">Hauptfenster</td>
  </tr>
  <tr> 
    <td><div align="center">Du</div></td>
  </tr>
  <tr> 
    <td><div align="center">Er</div></td>
  </tr>
  <tr> 
    <td><div align="center">Sie</div></td>
  </tr>
  <tr> 
    <td><div align="center">Es</div></td>
  </tr>
  <tr> 
    <td><div align="center">Wir</div></td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

...aber wie gesagt... ich würds mit frames machen

Chemie

Danke dafür, nur wenn ich jetzt das Bild in der linken oberen Ecke einfüge
<td width="10%"></td>
(fehlte ein E am ende bei kein)
verschiebt sich das gesamte linke Menü nach ganz rechts

joel

wie breit ist denn "ken.gif"?
Und ich würde absolut KEINE Frames benutzen!!!!

Chemie

121x118 pixel is das ding groß.

Rocco

nein, deine links (Ich, Bilder,...) würden sich nicht verschieben, da ich diese in eine eigene tabelle gegeben hab. du kannst dir auch den scrollbalken auf der rechten seite generell ersparen, wenn du der großen tabellen-zelle (hauptfenster) eine fixe größe zuweist und darin (also IN der zelle) das scrollen ermöglichst...und nicht auf der ganzen site. wie das geht? wir hatten vor kurzem einen threat bzgl. dieses themas. wenn ich ihn wieder finden sollte, post ich ihn.

@joe: wieso würdest du da keine (i)frames benutzen?

Rocco

..doppelpost...

joel

Also wie wird den deine Navigation nach rechts verschoben? Ist das Bild nicht einfach zu gross?

Rocco: Weil man mit Frames immer mehr Probleme bekommt. Das ist ein alt bekanntes Problem:
https://www.forum-hilfe.de/viewtopic.php?t=2706
https://www.forum-hilfe.de/viewtopic.php?t=2634
https://www.forum-hilfe.de/viewtopic.php?t=2664
https://www.forum-hilfe.de/viewtopic.php?t=2667
https://www.forum-hilfe.de/viewtopic.php?t=2633
und das war erst die erste seite von "Einsteiger & HTML"...

Verschiebung einer Grafik bei Scrollbar

Tags

Benutzer online in diesem Thema