[CSS] div mit img Tag

[The Prophet]

Hallo Community,

hab nun offenbar auch mal nen Problem
Ich versuche mittels einem div tag eine grafik zu zentrieren sie mit einem Rahmen umfließen zu lassen. Das ganze sollte passgenau sein, doch leider will es nicht so wie ich will.

html, body
{
background-color: #F6F6F6;
}

div
{
height:100%;
width:100%;
margin:0;
padding:0;
background-color: #FFFFFF;
position: absolute;
left:15%;
top: 0%;
right:15%;
width:70%;
border:1px solid black;
}

Das Ergebnis ist das die Grafik im div Element am linken Rahmen hängt und rechts ein Spalt frei bleibt. Wenn ich den Rahmen nur um die Grafik setze geht es doch auch... Hab es mal hochgeladen um zu demonstrieren was ich meine. Oben am blauen Rand sieht man es. Es fehlt sicherlich nur ein CSS Tag aber ich weiß momentan nicht welcher.

thx

 

[pcw]

also ich hab Rahmen mit CSS bis jezz imemr so gemacht:

border-width:1px;
  border-style:solid;
  border-color:#000000;

 

[The Prophet]

Sollte doch egal sein ob ich einen Tag oder 3 Tags schreibe, bringt natürlich keinen Unterschied.

mfg

 

[PuppetMaster]

Warum hast du zweimal "width" angegeben?

 

[The Prophet]

Hatte es verwendet um den Tag zu postitionieren. Hab nun einmal rausgenommen...

 

[cR@zY.EnGi.GeR]

Probiers mal so:

<style>
.rahmen
{
background-color: #FFFFFF;
border:1px inset black;
width:70%;
}
</style>
<table align="center" class="rahmen">
<tr>
<td>
<img src="index.gif" width="770" height="193" alt="">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</td>
</tr>
</table>

 

[Loopo]

das Problem liegt darin, dass die Grafik größer ist als das DIV bei 70%

bei einer Fenster-Breite von 1280 zB wird die Seite richtig dargestellt

mach also die Grafik einfach kleiner (ist ja eh nur Text auf sonst weißem Hintergrund) oder gib als Breite eine fixe Größe an (die natürlich mindestens so breit ist wie das Bild), dann klappt's auch beim Nachbarn

 

[The Prophet]

Ahh genau sowas suchte ich Loopo. Das ist natürlich nicht die richtige Grafik Wie mach ich das gleich mit der fixen Größe?

mfg


/edit danke euch allen hab es hinbekommen!