Shop-Hilfe.com
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 22.06.2006, 16:00   #1
TP-Member
 
Registriert seit: Feb 2003
zippy macht alles soweit korrekt

[Hilfe] Zwei horizontal ausgerichtete Boxen mit Größenanpassung


guten tag liebe tp'ler,

ich steh wieder vor einem für mich unlösbaren problem - hab die suche zwar verwendet, aber ich glaub mit dem falschen fressen gefüttert...zumindest spuckte sie mir nichts verwertbares aus

zu meinem problem:
ich habe zwei div-boxen. zum einen "container" und zum anderen "info_box".
je nachdem welcher "inhalt" der boxen größer ist, muss sich nun entweder die eine oder die andere anpassen, was bei mir noch so aussieht:
Content zu klein

wie schaffe ich es nun, dass die "content"-box mindestens so groß ist wie die info_box?! min-height habe ich da nicht einbinden können

hier mein css-code:
HTML-Code:
body {
background-color: #FFFFFF;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333333;
padding:0px;
margin:0px;
}


/* ----------container zentriert das layout-------------- */
#container {
	margin-left:auto;
	margin-right:auto;
	width: 780px;
	background-color: #4979B4;
	border:1px solid #CFCFCF;
	margin-top: 5px;
	min-height:100%; 
	}

/* ----------banner for logo-------------- */
#banner {
background-color: #FFFFFF;
color:#333333;
text-align: center;
padding: 0px;
margin: 0px;
}

* html #content	{
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
		min-height:100%;
}


#content {
background-color: #B5C8DF;
color:#333333;
float:left;
width: 580px;
padding:5px;
min-height:100%;

}

#info_box{
	background-color: #4979B4;
	margin-left: 0px;
/*	min-height:100%; */
height:40px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left:10px;
	color:#FFFFFF;
	text-align:center;
}


.bild {
    float:right;
}

/* -------navigation----------- */
#menu{
border: solid 1px #AEAEAE;
background-color:#F7F7F7;
color:#333333;
}
  
/* links und footer */
#meta_navi {
padding-top:4px;
font-size: 12px;
background-color: #4979B4;
color:#6A6EAB;
height:20px;
text-align:left;
clear:both;
}
wäre super, wenn mir jemand auf die spüringe helfen könnte - ich weiß echt nimmer weiter!

vielen dank für eure bemühungen schon mal im vorraus

Geändert von zippy (22.06.2006 um 16:03 Uhr).
zippy ist offline   Mit Zitat antworten


Alt 22.06.2006, 16:20   #2
TP-Veteran
 
Benutzerbild von Nele
 
Registriert seit: Jan 2004
Ort: Borntowncity
Nele ist ein richtiges Arbeitstier - DANKENele ist ein richtiges Arbeitstier - DANKENele ist ein richtiges Arbeitstier - DANKENele ist ein richtiges Arbeitstier - DANKENele ist ein richtiges Arbeitstier - DANKENele ist ein richtiges Arbeitstier - DANKE
Zitat:
Zitat von zippy
hab die suche zwar verwendet, aber ich glaub mit dem falschen fressen gefüttert...zumindest spuckte sie mir nichts verwertbares aus
Das richtige Futter für die Suche dürfte "faux columns" sein.
Nele ist offline   Mit Zitat antworten
Alt 22.06.2006, 17:09   #3
TP-Moderator
 
Benutzerbild von His.Master's.Voice
 
Registriert seit: Mar 2006
His.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine User
oder z.B. hier: wurde in einen anderen Thread empfohlen

http://www.alistapart.com/articles/fauxcolumns
__________________
Gruß HMV

Script-Wegweiser
His.Master's.Voice ist offline   Mit Zitat antworten
Alt 22.06.2006, 22:36   #4
TP-Member
 
Registriert seit: Feb 2003
zippy macht alles soweit korrekt
guten abend,

danach hab ich leider nicht gesucht - habe jetzt aber einen super artikel dazu gefunden mit code bsp.:

Deutsches Tutorial

vielen dank für eure hilfe!
zippy ist offline   Mit Zitat antworten
Alt 22.06.2006, 22:54   #5
TP-Moderator
 
Benutzerbild von satre
 
Registriert seit: Jan 2005
Ort: Düsseldorf
satre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine Usersatre lebt für das TP und seine User
Die FauxColumns von heromaster scheinen ja schon legendär zu sein.
satre ist offline   Mit Zitat antworten
Alt 22.06.2006, 23:31   #6
TP-Moderator
 
Benutzerbild von His.Master's.Voice
 
Registriert seit: Mar 2006
His.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine UserHis.Master's.Voice lebt für das TP und seine User
Zitat:
Zitat von satre
Die FauxColumns von heromaster scheinen ja schon legendär zu sein.
Wer ist heromaster? Muss man den kennen!
__________________
Gruß HMV

Script-Wegweiser
His.Master's.Voice ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
[Hilfe] Zwei horizontal ausgerichtete Boxen mit Größenanpassung [Hilfe] Zwei horizontal ausgerichtete Boxen mit Größenanpassung
« Wo kommt diese Lücke her? | Text Links vertikal und horizontal mittig? »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu


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

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67