eras

Hallo Gemeinde,

ich habe ein Problem, an dem ich immer wieder verzweifle und einfach keine Lösung dafür finde.

Das Layout meiner Seite habe ich mir über verschiedene DIVs zusammengebaut, darunter eines für den allgemeinen Inhalt. Darin will ich nun Texte und Bilder darstellen. Mein Problem dabei: wenn ich dort nun ein Bild einfüge, wird dieses Bild automatisch an die Breite des DIVs angepasst, obwohl ich im img-Tag sowohl Breite als auch Höhe des Bildes in Pixeln angegeben habe.

Also als Beispiel: das DIV ist mit fester Breite von 800px ausgestattet, das Bild bekommt 200px. Egal was ich mache, das Bild wird immer auf die 800px skaliert.

Einzige Abhilfe, die ich bisher gefunden habe: für jedes Bild ein eigenes DIV erstellen, dass dann die Abmaße hat, die ich für das Bild brauche.

Da muss es doch eine bessere Lösung geben.

Mister Ad

nikosch

Ist doch Unsinn. Code bitte.

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--

eagle275

du müsstest zwar deinen HTML-Code kennen - aber prüf doch bitte mal nach, ob es eventuell CSS-Anweisungen für <img-Tags oder Klassen gibt, die du dann dem IMG zuweist, die width: 100%; enthalten - und damit die Attribut-Angaben des IMG-Elements überschreiben -

allerdings seh ich das ähnlich wie nikosch .. bitte Code .. oder ganz und gar , bereinigtes + minimalistisches Online-Beispiel

__________________
"Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

mquadrat

Firebug oder die eingebauten Tools in Chrome oder IE. Element suchen. Styles angucken. Schauen wo die 100% Regel her kommt. Regel umschreiben, so dass sie nicht mehr für img gilt. Fertig. Glücklich. Alles gut.

__________________
Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

eras

Sorry, hätte ich auch selbst dran denken können, dass der code sinnvoll wäre:

das steht in der index.php

<div id="mitte">
<img src="import/familie.jpg" width="500px" height="333px"/><br />
<br />
<center><font size="+3" color="#999999">Mit Sicherheit <br /><br />ein fairer Partner !</font></center>
<br /><br />
<center><font size="+1" color="#990000">unabhängig - kostengünstig - zuverlässig</font>
</div>

und das ist die formatierung vom div im style-sheet:
#mitte
{
width:50%;
height:auto;
padding-left:10px;
font-size: 12px;
font-weight: bold;
color:#333333;
font-weight:100;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin: 0px auto;
overflow:auto;
float:left;
}

und so sieht das ganze aus: http://securum-online.de/fdl/index.php (hier ist es eher die Höhe, die das Problem macht)

eine img-Klasse habe ich nicht erstellt und auch nicht zugewiesen.

mquadrat

@eras

Wollen mal sehen... Du setzt die Höhe von allem auf 100% und wunderst dich hinterher, warum es 100% sind?????

__________________
Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

eras

oh man...danke für den hinweis. ich dachte, das wäre nur für die größe des inhaltsbereiches vom body gedacht.

wieder etwas dazu gelernt. vielen dank.

mquadrat

Einfach den * raus und gut

__________________
Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

eagle275

css vererbt sowas weiter, speziell wenn du es * zuweist

__________________
"Irren ist männlich", sprach der Igel und stieg von der Drahtbürste