[CSS] div mit img Tag

The Prophet

Rear Admiral
Dabei seit
Aug. 2001
Beiträge
5.981
Hallo Community,

hab nun offenbar auch mal nen Problem :rolleyes: :D
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:
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
 
Zuletzt von einem Moderator bearbeitet: ("html"-vB-Code)

pcw

Lt. Commander
Dabei seit
Juli 2001
Beiträge
1.658
also ich hab Rahmen mit CSS bis jezz imemr so gemacht:

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

The Prophet

Rear Admiral
Ersteller dieses Themas
Dabei seit
Aug. 2001
Beiträge
5.981
Sollte doch egal sein ob ich einen Tag oder 3 Tags schreibe, bringt natürlich keinen Unterschied.

mfg
 

The Prophet

Rear Admiral
Ersteller dieses Themas
Dabei seit
Aug. 2001
Beiträge
5.981
Hatte es verwendet um den Tag zu postitionieren. Hab nun einmal rausgenommen...
 

cR@zY.EnGi.GeR

Lt. Commander
Dabei seit
Juli 2003
Beiträge
2.002
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>
 
Zuletzt bearbeitet:

Loopo

Admiral
Dabei seit
Juli 2002
Beiträge
7.610
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

Rear Admiral
Ersteller dieses Themas
Dabei seit
Aug. 2001
Beiträge
5.981
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!
 
Zuletzt bearbeitet:
Top