zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden <div> nicht auf volle Breite ausdehnen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.04.2005, 20:42
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2005
Beiträge: 42
timo123 befindet sich auf einem aufstrebenden Ast
Standard <div> nicht auf volle Breite ausdehnen

Hallo

Ich hab hier ein kleines Problem und steh scheinbar gerade auf dem Schlauch! Ich bekomms nicht hin:



Im roten Bereich (.box) befindet sich der orange Bereich (.bild)! Das Bild wird dynamisch geladen, hat also immer eine unterschiedliche Breite. Um das Bild verläuft ein Rahmen (hier gestrichelt). Wenn der Text unter dem Bild breiter ist als das Bild wird der rote Bereich (.box) ausgedehnt. Der Rahmen von .bild passt sich nun automatisch der Größe von .box an. Eigentlich sollte er aber im gleichen Abstand um das Bild laufen!?


Code:
.box{
	float:left;
	margin: 5px 15px 5px 5px;
	background-color:#FF0000;
}


.bild{
	padding:5px;
	border: 1px dashed #000000;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.04.2005, 21:52
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2005
Beiträge: 42
timo123 befindet sich auf einem aufstrebenden Ast
Standard

Hab ich mein Problem so schlecht beschrieben oder ist es wirklich so schwer (kann ich mir nicht vorstellen)?

Nochmal in wenigen Worten:
Der Rahmen (hier gestrichelt) soll sich sauber um das Bild (oranger Kasten) legen und sich nicht mit der roten Box ausdehnen!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.04.2005, 22:38
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.042
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Ohne Beispielcode geht gar nix

Da gibts verschiedene Möglichkeiten, wie das ausgelöst wird.


grüsse andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #4 (permalink)  
Alt 28.04.2005, 22:40
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2005
Beiträge: 42
timo123 befindet sich auf einem aufstrebenden Ast
Standard

Beispielcode? Steht doch oben dabei?!
Mit Zitat antworten
  #5 (permalink)  
Alt 28.04.2005, 22:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Das ist nur ein CSS-Ausschnitt.
Wie ein vollständiger Beispielcode aussieht, steht hier.

Grüße
fricca
Mit Zitat antworten
  #6 (permalink)  
Alt 28.04.2005, 22:57
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2005
Beiträge: 42
timo123 befindet sich auf einem aufstrebenden Ast
Standard

Naja das ganze ist wirklich sehr simple aufgebaut:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

.box{
   float:left;
   margin: 5px 15px 5px 5px;
   background-color:#FF0000;
}

.bild{
   padding:5px;
   border: 1px dashed #000000;
} 

</style>

</head>

<body>


<div class="box">

	<div class="bild">
	  [img]bild.gif[/img] 
	</div>
	
	[*]Hier steht Text Hier steht Text
	
</div>



</body>
</html>
"[img]bild.gif[/img]" hat nicht immer die selbe Breite. Deshalb kann ich der Klasse .bild keine feste Breite zuweisen!
Mit Zitat antworten
  #7 (permalink)  
Alt 28.04.2005, 23:04
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Beiträge: 696
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

was bitte soll den der div da überhaupt - wieso lässt du den nicht weg, und gibst den rahmen dem bild selber?

btw:[*] ohne <ul> oder[list=1] drumherum ist unfug bzw. nicht erlaubt.

Zitat:
Zitat von timo123
Hab ich mein Problem so schlecht beschrieben oder ist es wirklich so schwer (kann ich mir nicht vorstellen)?
vielleicht hast du auch einfach nur zu wenig geduld?
Mit Zitat antworten
  #8 (permalink)  
Alt 28.04.2005, 23:07
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2005
Beiträge: 42
timo123 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von wahsaga
was bitte soll den der div da überhaupt - wieso lässt du den nicht weg, und gibst den rahmen dem bild selber?
Stimmt. So könnte ich es auch machen!

Zitat:
Zitat von wahsaga
btw:[*] ohne <ul> oder[list=1] drumherum ist unfug bzw. nicht erlaubt.
Da ist eigentlich schon ein <ul>! Habs nur für den Code wegelassen um ihn nicht unnötig lang/unübersichtlich zu machen! (Funktioniert übrigends ohne <ul> auch Problemlos!)
Mit Zitat antworten
  #9 (permalink)  
Alt 28.04.2005, 23:51
Neuer Benutzer
neuer user
 
Registriert seit: 28.04.2005
Beiträge: 14
vaeth befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von wahsaga
btw:[*] ohne <ul> oder[list=1] drumherum ist unfug bzw. nicht erlaubt.
Zitat:
Zitat von timo123
Da ist eigentlich schon ein <ul>! Habs nur für den Code wegelassen um ihn nicht unnötig lang/unübersichtlich zu machen! (Funktioniert übrigends ohne <ul> auch Problemlos!)
Nein eben nicht, denn es ist, wie wahsaga schon schrieb ungültiger Code, der spätestens bei der Übergabe als application/xhtml+xml die Ausgabe deines Dokumentes zu einer Fehlermeldung verkommen lässt.

Gruß Vaeth
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 29.04.2005, 00:20
Benutzerbild von Floele
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 30.03.2005
Beiträge: 355
Floele befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Nein eben nicht, denn es ist, wie wahsaga schon schrieb ungültiger Code, der spätestens bei der Übergabe als application/xhtml+xml die Ausgabe deines Dokumentes zu einer Fehlermeldung verkommen lässt.
Gruß Vaeth
Das stimmt so nicht. Eine Fehlermeldung tritt nur auf, wenn ein Dokument nicht wohlgeformt ist, mit ungültigen Dokumenten kommen aber alle Browser mehr oder weniger klar, unabhängig vom MIME-Typ.
Mit Zitat antworten
Sponsored Links
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
Mediaqieries – Seite automatisch auf volle Breite bringen? maxefaxe CSS 1 21.03.2015 02:38
Bilder / Slider (boxed und volle Breite) Guitarrero CSS 1 28.04.2014 09:05
div über volle Breite innerhalb eines divs mit fester Breite möglich? philippsen CSS 1 24.11.2013 19:28
Zwei <div> nebeneinander. Wie umschließendes <div> ausdehnen, wenn 2. <div> fehlt? Mango CSS 2 11.03.2013 00:44
<div> soll restliche Breite annehmen oetzi CSS 11 11.08.2008 13:12


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