WCM Forum

WCM Forum (http://www.wcm.at/forum/index.php)
-   Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)
-   -   html align frage (http://www.wcm.at/forum/showthread.php?t=231012)

darkcobalt 05.10.2008 11:27

html align frage
 
hallo. ich habe eine html frage. und zwar habe ich eine statische html seite mit weissem hintergrund. in diese seite lade ich eine tabelle mit width="100%" height="100%" border="0" align="center".

in der tabelle sitzt ein bild mit width="1280" height="1024" border="0"

jetzt will ich dass, das bild und die tabelle immer zentriert dargestellt wird, damit egal mit welcher auflösung mit die seite ansurft das bild zentriert ist und der rand an allen seiten gleichmässig abgeschnitten wird. nur bei 1280x1024 sieht man das ganze bild.

wie kann ich das realisieren und wie kann ich die scrollbalken auf dieser einen seite unterdrücken?

{jellyfish} 05.10.2008 13:24

hallo!

Du könntest vielleicht noch ein valign="100%" probieren, aber das wird das Kraut auch nicht fett machen.
Ich arbeite recht gern mit CSS wenn ich sowas mach.
Und zwar mit folgendem Code:

body {
margin:0px;
padding:0px;
}

Mache dann eine Ebene, wo ich das Bild reinstelle, zb mit dem Namen position und dafür erstelle ich den Code:
#position{
margin:auto auto;
}

Damit positioniere ich das Bild schön in der Mitte und es wandert auch beim kleinermachen des Fensters mit.

Zwecks Scrollbalken kenne ich nur die Lösung mit Javascript.
http://www.javarea.de/index.php3?ope...enster-Scripts


grüsse, jellyfish

zAPPEL 05.10.2008 21:29

Um das Bild abzuschneiden und zu zentrieren: Eventuell geht das wenn du es als Background-Image für den body setzt und zentrierst? (hab es aber nicht getestet, ist nur eine Idee)
body {
background: url(../meine_datei.gif) top center no-repeat;
}


Zu deinem height:100% - das funktioniert nur im IE.


lg

darkcobalt 07.10.2008 15:23

Zitat:

Zitat von zAPPEL (Beitrag 2315033)
Um das Bild abzuschneiden und zu zentrieren: Eventuell geht das wenn du es als Background-Image für den body setzt und zentrierst? (hab es aber nicht getestet, ist nur eine Idee)
body {
background: url(../meine_datei.gif) top center no-repeat;
}


Zu deinem height:100% - das funktioniert nur im IE.


lg


danke,aber backgroundimage geht nicht, weill ich marker auf dem bild setzte. werde es mal nach der anleitung des vorigen posters probieren. danke für den input!!

RaistlinMajere 08.10.2008 14:01

nachdem deine tabelle sowieso den maximal zur verfügung stehenden platz einnimmt (dank width="100%" height="100%") kannst du dir eine zentrierung der tabelle über align oder valign eigentlich sparen (da ist dann eh kein rand mehr da, also keine zentrierung nötig). abgesehen davon, daß das valign-attribut für <table> zumindest im FF nicht funktioniert.

wenn du also in der tabelle etwas zentriert platzieren willst, so kannst du das ganz einfach über ein tabellenfeld mit <td align="center" valign="center"> tun. dadurch wird der inhalt dieses felds in der tabelle zentriert angezeigt. nachdem die tabelle selbst die größe der verfügbaren anzeige vollständig einnimmt, sollte das genau das sein, was du suchst.

der code wäre dann also:

Code:

<table width="100%" height="100%">
  <tr>
    <td align="center" valign="center">
      <img src="blabla.jpg" width="1280" height="1024" border="0">
    </td>
  </tr>
</table>

da kannst du dann auch alle marker setzen, die du willst. blöd wirds nur, wenn du in dieses tabellenfeld dann noch was anderes einfügen willst (weil es ja zur gänze vom bild eingenommen wird), das wirst du dann über <div> machen müssen.

oder habe ich da was falsch verstanden?


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:31 Uhr.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag