Problem mit IFrames !!

Cytrix · 07.03.2006, 23:09

Hi Leute

der layer "content_text" soll sich genau in die niesche zwischen dem logo und dem Footer einpassen. Ich hab schon alles probiert aber schaff es einfach nich!!
CSS DATEI:

Code:

/* CSS Document */

html
  {
  overflow: hidden;
  }

body {
	margin:0px;
	padding:0px;
	height: 100%;
}

#breaker {
	clear:both;
	width:1px;
	height:1px;
	border:0px none;
	margin:0;
	padding:0;
	background:none;
}

#container {
margin:0;
padding:0;
width:auto;
height:auto;
background-color:#FFFF00;
}

#menu_up {
width: 380px;
height: 195px;
float:left;
}

#logo {
height:132px;
width:234px;
float:right;
margin-top:5px;
padding-right:5px;
background-image:url(images/logo_flug_new.gif);
background-repeat:no-repeat;
}

/* Menu Links */

#menu_left {
width:340px;
height:auto;
background-color:#330000;
float:left;
}

/* Menu Links Ende s*/



#content {
width:auto;
height:auto;
background-color:#FF0000;
}

#content_text{
width:auto;
padding-left:10px;
height:500px;
overflow:auto;;
background-color:#FFFF99;
}

/* MENU UNTEN */
div#menu_down {
	background-color:#FFFFFF;
    overflow:hidden;
    width:100%;
    position: absolute;
   	bottom: 0;
   	left: 0;
}

@media screen {
	 body>div#menu_down
 	{
   		position: fixed;
    }
}


/*Footer */
#menu_down {
overflow:hidden;
margin-top:20px;
padding-bottom:35px;
background-color: #191d39;
width:100%;
height:50px;
float:left;
}

Und die index.php

Code:

<body>
	<div id="menu_up"><? include('menu_up.php'); ?></div>
  	<div id="logo"></div>
	<div id="breaker"></div>
<div id="container">
	<div class="text" id="menu_left"><? include('kontext/'.$menu); ?></div>
	<div class="text" id="content">
		<div class="text" id="content_text">
			<? include('kontext/'.$content); ?>
		</div>
	</div>
	<div id="breaker">
	  <div class="text" id="menu_down">
	    <? include('kontext/menu_down.php'); ?>
      </div>
	</div>
</div>
</body>

Wär echt nett wenn mir da einer helfen könnte!!

07.03.2006, 23:56

Hallo,

vermutlich ist ein Tag im include-file nicht abgeschlossen oder einer zuviel ?

definition position:relative bzw. absolute sollte vorhanden sein, ebenso ist mit float: erstmal Vorsicht angesagt.

beim overflow kann es sein, dass der scrollbalken durch Überbreite versteckt ist,
Abhilfe schafft erstmal eine Prozentangabe von weniger als 100% z.B. 90%

container vererbt an die eingebundenen DIVs, da dürfte wohl die Angabe auto bedenklich sein.

erstmal muss die Basis unverrückbar sein, also header container und footer, die vererben Ihre Eigenschaften, die man auch mit inherit übernehmen kann, aber body vererbt nicht an container, sondern ggf. nur an Logo, soweit ich bei dem Code durchblicke

08.03.2006, 01:53

also, bei drei elementen, die aufeinander folgen brauchst Du überhaupt keine Angaben zur Position. Der Content wird immer UNTER dem Logo stehen, gefolgt vom FOOTER - er hängt also genau zwischen Logo und Footer.

Cytrix · 08.03.2006, 09:22

Warum solln den meine include-Tags zuviel sein. Überall wird ein in sich abgeschlossener Inhalt eingebaut.

Das bringt mich ner Lösung nich wirklich näher. Der Footer ist an den unteren Fensterrand gekoppelt. => man muss eine methode finden das sich der Container automatisch anpasst, wenn das Fenster verkleinert wird!

08.03.2006, 11:54

Hallo,
ein Tag zuviel meinte ich natürlich. Solche CSS sind sehr tückisch (siehe Hacks zu CSS), hier erstmal ein Beispiel beides mal in firefox und IE anschauen.

soll container sich dem body automatisch anpassen, so wäre das auf Deine Weise das der Inhalt undefinierbar umbricht (wie wrap in einer Tabellenzelle), denn dann könnte man ja menue_links mit width auf 30% und text auf 70% setzen und den container ganz weglassen. overflow:hidden würde ich erst ganz zum Schluss einsetzen, dann sieht man auch wo die DIVs im Nirwana landen.
aber hier erstmal ein Beispiel mit fixen Breite des Containers, der relativ zur Browserbreite angezeigt wird.
wenn es dann nicht klingelt, mache erstmal ein Tabellenlayout wie Du Dir das Layout vorstellst, dann verrate ich Dir, wie man das in DIVs übersetzt.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title></title>


  <meta name="author" content="aberchen">

  <meta name="generator" content="Ulli Meybohms HTML EDITOR">

  <style type="text/css">
/* CSS Document */
/* html
{
overflow: hidden;
}
*/
body {
margin:0px;
padding:0px;
font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
.breaker {
clear:both;
width:1px;
height:1px;
border:0px none;
margin:0;
padding:0;
background:none;
}
#container {
position:absolute;
left:50%;
top:130px;
margin-left:-480px; /* - 1/2 von width */
width:960px;
height:580px;
background-color:#FFFF00;
padding:0;
z-index:0;
}
#menu_up {
width: 380px;
height: 195px;
float:left;
}
#logo {position:absolute;
top:5px;
left:100%;
margin-left:-234px;
height:132px;
width:234px;
background-image:url(images/logo_flug_new.gif);
background-repeat:no-repeat;
}
/* Menu Links */
#menu_left {
width:340px;
height:auto;
background-color:#330000;
float:left;
margin-top:10px;
}
/* Menu Links Ende s*/
#content {
width:auto;
height:auto;
background-color:#FF0000;
margin-top:10px;
}
#content_text{
width:auto;
padding-left:10px;
height:500px;
overflow:auto;;
background-color:#FFFF99;
}
/* MENU UNTEN */
div#menu_down {
background-color:#FFFFFF;
}
/*
@media screen {
body>div#menu_down
{
position: fixed;
}
}
*/
/*Footer */
#menu_down {
//overflow:hidden;
margin-top:20px;
padding-bottom:35px;
background-color: #191d39;
width:100%;
height:50px;
float:left;
}
DIV {border:1px ridge black;}
  </style>
</head>

<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" alink="#ff0000" link="#ff0000" vlink="#ff0000">

<div id="menu_up">menu_up</div>

<div id="logo">logo</div>

<div class="breaker" id="breaker"></div>

<div id="container">
<div class="text" id="menu_left"> <span style="color: gold;">menu_left</span></div>

<div class="text" id="content">
<div class="text" id="content_text">content_text </div>

</div>


<div class="text" id="menu_down">unten </div>

</div>

</body>
</html>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Sessions Problem	StephenKing	PHP Tipps 2008	3	16.10.2007 08:30
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
iFrames mit gutem gewissen? - pro/contra		HTML, Usability und Barrierefreiheit	3	12.04.2005 14:30
[Erledigt] Problem bei Massenmails versenden mit der Funktion mail		PHP-Fortgeschrittene	3	19.01.2005 13:36
[Erledigt] Problem mit Übergabe einer Klasse in PHP4		PHP-Fortgeschrittene	10	08.01.2005 21:00
Problem mit Weiterleitung		PHP Tipps 2004-2	16	22.12.2004 17:49
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
[Erledigt] PHP Upload (Master Value/Local Value Problem)		PHP-Fortgeschrittene	5	23.11.2004 07:21
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34
[Erledigt] Problem mit Timestamp!		PHP Tipps 2004	24	08.06.2004 19:51
Login Problem		PHP Tipps 2004	4	04.06.2004 18:46
foreach problem	mAy^daY	PHP Tipps 2004	3	02.06.2004 20:29


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.03.2006, 23:56
Gast Beiträge: n/a	Hallo, vermutlich ist ein Tag im include-file nicht abgeschlossen oder einer zuviel ? definition position:relative bzw. absolute sollte vorhanden sein, ebenso ist mit float: erstmal Vorsicht angesagt. beim overflow kann es sein, dass der scrollbalken durch Überbreite versteckt ist, Abhilfe schafft erstmal eine Prozentangabe von weniger als 100% z.B. 90% container vererbt an die eingebundenen DIVs, da dürfte wohl die Angabe auto bedenklich sein. erstmal muss die Basis unverrückbar sein, also header container und footer, die vererben Ihre Eigenschaften, die man auch mit inherit übernehmen kann, aber body vererbt nicht an container, sondern ggf. nur an Logo, soweit ich bei dem Code durchblicke

08.03.2006, 01:53
Gast Beiträge: n/a	also, bei drei elementen, die aufeinander folgen brauchst Du überhaupt keine Angaben zur Position. Der Content wird immer UNTER dem Logo stehen, gefolgt vom FOOTER - er hängt also genau zwischen Logo und Footer.

08.03.2006, 09:22
Cytrix Benutzer Registriert seit: 11.06.2003 Beiträge: 64	Warum solln den meine include-Tags zuviel sein. Überall wird ein in sich abgeschlossener Inhalt eingebaut. Das bringt mich ner Lösung nich wirklich näher. Der Footer ist an den unteren Fensterrand gekoppelt. => man muss eine methode finden das sich der Container automatisch anpasst, wenn das Fenster verkleinert wird! __________________ fighting for peace is like fuking for virgianity