zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Höhe des div an Bildhöhe anpassen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.04.2007, 10:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.10.2004
Beiträge: 18
bernd_h_schulz befindet sich auf einem aufstrebenden Ast
Standard Höhe des div an Bildhöhe anpassen

Hallo zusammen,

die Höhe des äußeren Divs soll sich automatisch der Bildhöhe anpassen, habe noch keine Lösung gefunden.

Code:
<div style="clear:both;border:1px solid;">

<IMG src="bilder/naturfreunde.jpg" width="286" height="65" style="float:left;padding:10px;" />

<div style="float:left;border:1px solid silver;margin: 10px">
ksd s sdh sdkh sjh<br />
jdhfs sdj fskjhf sjk <br />
s skjfhsj sdkfshkjh
</div>

<div style="float:left;border:1px solid silver;margin: 10px">
ksd s sdh sdkh sjh<br />
jdhfs sdj fskjhf sjk <br />
s skjfhsj sdkfshkjh
</div>

<div style="float:left;border:1px solid silver;margin: 10px">
ksd s sdh sdkh sjh<br />
jdhfs sdj fskjhf sjk <br />
s skjfhsj sdkfshkjh
</div>

</div>
Gruß
Bernd
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.04.2007, 10:49
Benutzerbild von dottore:skin
~27
XHTMLforum-Mitglied
 
Registriert seit: 23.02.2005
Beiträge: 233
dottore:skin befindet sich auf einem aufstrebenden Ast
Standard

erm...?
welches ist hier denn das äussere div ?
und das bild hat doch feste werte für breite und höhe oder sehe ich da was nicht ?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.04.2007, 11:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.10.2004
Beiträge: 18
bernd_h_schulz befindet sich auf einem aufstrebenden Ast
Standard

der äußere ist der erste, also <div style="clear:both;border:1px solid;">.
Das ganze sieht dann wie im Anhang aus, die Sachen werden nur "innerhalb" des divs dargestellt, wenn ich dem Container eine feste Höhe verpasse.
Angehängte Grafiken
Dateityp: jpg test.jpg (24,7 KB, 8x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 03.04.2007, 11:14
Benutzerbild von darksnake
Benutzer
neuer user
 
Registriert seit: 05.03.2007
Beiträge: 48
darksnake befindet sich auf einem aufstrebenden Ast
Standard

das clear darum wär logisch (auf jeden fall für mich) aber es geht leider nicht so recht.
du musst ein clear div machen, welches sich nach den float's befindet.

hoffe mal das hilft
Mit Zitat antworten
  #5 (permalink)  
Alt 03.04.2007, 11:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.10.2004
Beiträge: 18
bernd_h_schulz befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Hilfe, jetzt klappt es wie gewollt (s.Anh.)
Code:
<div style="clear:both;border:1px solid;margin-top:10px">

<IMG src="bilder/naturfreunde.jpg" width="286" height="65" vspace="10" hspace="10" style="float:left;" />

<div style="float:left;border:1px solid silver;margin: 10px">
ksd s sdh sdkh sjh<br />
jdhfs sdj fskjhf sjk <br />
s skjfhsj sdkfshkjh
</div>

<div style="float:left;border:1px solid silver;margin: 10px">
ksd s sdh sdkh sjh<br />
jdhfs sdj fskjhf sjk <br />
s skjfhsj sdkfshkjh
</div>

<div style="float:left;border:1px solid silver;margin: 10px">
ksd s sdh sdkh sjh<br />
jdhfs sdj fskjhf sjk <br />
s skjfhsj sdkfshkjh
</div>
<div style="clear:both"></div>
</div>
........
Angehängte Grafiken
Dateityp: jpg test.jpg (46,6 KB, 8x aufgerufen)
Mit Zitat antworten
  #6 (permalink)  
Alt 03.04.2007, 13:06
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.869
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von bernd_h_schulz Beitrag anzeigen
Code:
<div style="clear:both"></div>
Es geht glücklicherweise auch ohne unschönes Zusatz-Markup, siehe FAQ Punkt 2, "Easy Clearing".
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Probleme DIV Höhe, Anordnung kran CSS 4 07.11.2010 10:23
2 DIV´s nebeneinander mit gleicher Höhe Overtone CSS 3 10.05.2010 19:26
Div auf maximale höhe EvilMoe CSS 2 13.03.2009 13:48
DIV: Höhe soll sich automatisch anderen DIV anpassen OnTheRun CSS 8 25.09.2006 18:35
höhe eines div tag an ein anderes anpassen ffr CSS 4 09.12.2003 16:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:06 Uhr.