CSS: (100%-120px) - Geht das?

mar3000

Ich weiß, ich nerve in letzter Zeit oft mit CSS Problemen, aber ich bin da halt noch neu.
Also, ich will folgendes machen:
Neben meinem Logo, das links oben steht, will ich eine Linie haben, die die gesamte breite des Browserfensters ausfüllt.

<img src="logo.jpg" height="80" width="120"><img src="linie.gif" height="1" width="100%">

In diesem Fall ist die Linie 100% lang, aber sie geht über das Browserfenster hinaus, weil die breite des Logos ja noch dazukommt. (linie.gif ist nur 1 blauer pixel, den ich mit width eben in die länge ziehe)
Kann man das irgendwie machen, dass von 100% die 120 Pixel abgezogen werden?
Ich hab schon width:(100%-120px); versucht, aber das klappt nicht...

Wer kann mir da helfen?
Ich möchte kein JavaScript und keine HTML-Tabellen, weil das sehr unschön ist.
Gruß Marius

[ Dieser Beitrag wurde am 09.04.2003 um 11:45 Uhr von mar3000 editiert. ]

Henno

In modernen Browsern (die CSS können), kannst du folgendes tun.

width:auto;
margin-left:10px;
margin-right:10px;

Ich schätze jedoch, dass das im IE 5 nicht geht.

Sebel

Hi,

du könntest dafür aber auch eine kleine Table mit einem Border=0 erstellen. Die Table wäre dann einzeilig und die Zelle wäre dann genau so breit wie dein Bild. In der anderen Zelle packst du dann deine Linie rein.
Die Linie kannnst du dann wirklich auf width="100%" stellen.
Das einzige was du dann noch machen müßtest, wäre die Tabelle richtig mit CSS zu stylen.

Bis dann, Sebel

mar3000

Hi,
du könntest dafür aber auch eine kleine Table mit einem Border=0 erstellen. Die Table wäre dann einzeilig und die Zelle wäre dann genau so breit wie dein Bild. In der anderen Zelle packst du dann deine Linie rein.
Die Linie kannnst du dann wirklich auf width="100%" stellen.
Das einzige was du dann noch machen müßtest, wäre die Tabelle richtig mit CSS zu stylen.

Ja schon, aber genau das will ich nicht, weil das halt nicht die Aufgabe von Tabellen ist.
Seit ich das gelesen habe, will ich nun meine HP HTML-Standardkonform machen, und Tabellen als Formatierungshilfe sind das nun mal nicht.

Sebel

Ja, das ist ja deine Entscheidung!

Aber soweit ich weiß, kommt man ohne Tabellen bei dem Seitenlayout nicht defintiv nicht aus. Du bist doch schon wegen so einer banalen Sache wie dein Bild und der Linie schon am verzweifeln.
Wie wird es denn ersteinmal wenn es sich nicht mehr um zwei sondern um zwanzig Elemente handelt, welche du platzieren möchtest?

Wie auch immer.

Bis dann, Sebel

Henno

Folgendes geht bei mir ohne Probleme, sowohl im IE 5.0 als auch im Mozilla:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-15" />
    <style type="text/css">
    img {
       vertical-align:top;
       margin:0px;
       }
    </style>
</head>
<body>
<img src="linksoben.gif" style="float:left;" alt=""><img src="oben.gif" style="width:100%;height:5px;" alt="">
</body>
</html>

Shade Of Mine

Original erstellt von Sebel:
**Aber soweit ich weiß, kommt man ohne Tabellen bei dem Seitenlayout nicht defintiv nicht aus.
**

tja, wenn man CSS nicht kann, dann ist es ja klar, dass man HTML missbrauchen muss...

Kleiner Tipp:
lern mal CSS (ja, ich weiß, es ist nicht so einfach wie HTML und es gibt keine WYSIWYG-Editoren) - dann sagst du nichtmehr so einen blödsinn.

Sebel

tja, wenn man CSS nicht kann, dann ist es ja klar, dass man HTML missbrauchen muss...
Kleiner Tipp:
lern mal CSS (ja, ich weiß, es ist nicht so einfach wie HTML und es gibt keine WYSIWYG-Editoren) - dann sagst du nichtmehr so einen blödsinn.

Heute schlecht gefrühstückt?
Du beleidigst mich in deinem Posting auf tiefste!!
Ok, du kannst gerne meine Posting blödsinnig finden, aber das ist noch lange kein Grund so herabwürdigend zu werden. Das ist das Letzte und sagt viel über deinen Charakter aus!

CSS ist mir übrigens bekannt. Stell' dir mal vor, ich kann sogar lesen.
Obendrein programmiere ich auch noch mit C++ und vor drei Jahren noch regelmäßg in Assembler. Also beleidige mich nicht auf die Art von wegen CSS sei zu schwer für mich. Darauf kann ich nämlich überhaupt nicht.

Zum Thema wollte ich noch sagen:

Tabellen werden auf fast allen Seiten zur Layoutformatierung benutzt!
Wie auch auf dieser!!

Bis dann, Sebel

Henno

Ja, da muss ich dem Sebel etwas recht geben...

Tabellen werden auf fast allen Seiten zur Layoutformatierung benutzt!

Stimmt, tausend Fliegen können nicht irren. Fresst Scheiße!

Das sagt also überhaupt nichts aus. Darüber gibts aber auch schon einen schönen Thread in der FAQ.

Shade Of Mine

Original erstellt von Sebel:
**
Heute schlecht gefrühstückt?**

sag mir mal einen Grund warum ich Tabellen statt CSS verwenden soll!
Nur einen einzigen!
Achja: einfacher zieht nicht, da CSS wesentlich strukturierter und klarer ist als verschachtelte Tabellen.

Nenn mir nur einen einzigen Grund warum ich mich mit verschachtelten Tabellen rumschlagen muss - was einfach nur Horror ist, wenn man die Seiten dynamisch erstellst.

Warum sollte man nicht CSS verwenden?

Mich nerven solche Posts einfach! CSS ist genial, aber kaum einer beschäftigt sich ernsthaft damit, weils eben nicht so easy ist wie HTML (übrigens ist HTML auch nicht so easy - da gibts auch ne Menge Sachen zu bedenken, tun aber nur die wenigsten)

Wenn du dich ernsthaft mit CSS beschäftigt hättest, dann wüsstest du, dass man für fast alles eine Lösung findet (OK, einige Sachen gehen einfach nicht - wenn man sowas will muss man ziemlich tricksen, oder sie einfach weglassen. Aber wir reden hier von normalen Sachen)

Sei ehrlich: hast du dir schonmal die Mühe gemacht dich ausgibig mt CSS zu befassen?

Henno

Shade, darum ging es nicht. Im Prinzip hast du ja recht, aber die Art und Weise, wie du das 'rübergebracht hast, war nicht Ok.

trykyn

kann man in dem fall nicht einfach:

<div> bildlinksblabla </div>
<div style="position:absolute;left:120px;right:0px;top:0px;height:10px">
blauer bereich
</div>

machen???