[GastForen Web allgemein HTML und CSS / Stylesheets CSS - Auflösung soll sich auf Bildschirmbreite anpassen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS - Auflösung soll sich auf Bildschirmbreite anpassen

biancca
Beiträge gesamt: 24

3. Nov 2004, 18:04
Beitrag # 1 von 2
Bewertung:
(4577 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo!

ich möchte gerne, dass sich die breite meines mit css-definierten Bereiches in einer html-seite je nach bildschirmauflösung anpasst.
dazu soll eine grafik immer ganz rechts in meinem bereich angezeigt werden, und sich bis zu einer gewissen breite, wenn das explorer-fenster schmäler gemacht wird, mitbewegen, sodass die grafik immer ganz rechts steht. Wenn die explorer-seite breiter gemacht wird, dann soll sich meine grafik wieder mitbewegen und ganz rechts sein.

falls das jetzt nicht ganz verständlich ist, hab ich hier den html code, der das bezweckt, das möchte ich gerne ohne table dafür mit css erreichen:

<table border="0" cellspacing="0" cellpadding="0" bgcolor="#EDF1F6">
<tr>
<td width="822" nowrap align="left"><img src="imgLeft.gif"></td>
<td width="100%" align="right"><img src="imgGrafik.gif"></td>
</tr>
</table>

ich hätte es schon auf folgende weise mit css probiert:
aber das funktioniert nicht.

im css file:

#positionHeaderRight {
position:absolute;
margin: 0px;
height: 50px;
width: 100%;
left:822px;
top:0px;
right:0px;
border:0;
text-align: right;
background-color: #EDF1F6;
}

im htmlfile im body:
<span id="positionHeaderRight"><img src="imgGrafik.gif"></span>

Kann mir jemand weiterhelfen?
lg biancca
X

CSS - Auflösung soll sich auf Bildschirmbreite anpassen

SabineP
Beiträge gesamt: 7586

3. Nov 2004, 20:15
Beitrag # 2 von 2
Beitrag ID: #121072
Bewertung:
(4577 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo biancca,
hier ein Beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<IMG SRC="grafik_links.gif" align="left">
<IMG SRC="grafik_rechts.gif" align="right">
</BODY>
</HTML>

Gruß Sabine


als Antwort auf: [#121050]
(Dieser Beitrag wurde von SabineP am 3. Nov 2004, 20:16 geändert)

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.12.2022

Online
Donnerstag, 01. Dez. 2022, 10.00 - 10.45 Uhr

Webinar

Die drei ColorLogic-Programme ZePrA, CoPrA und ColorAnt sind in neuen Versionen mit vielen neuen Funktionen im Jahr 2022 veröffentlich worden oder werden in Kürze veröffentlicht (ColorAnt 9). In unserem ca. 45 minütigen kostenlosen Webinar zeigen wir Ihnen einige dieser neuen Funktionen mit dem Schwerpunkt auf Automatisierung und Produktivitätssteigerungen.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=311

ColorLogic Update-Webinar ZePrA 10, CoPrA 9 und ColorAnt 9
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/