zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden iframe Positionierung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.07.2007, 15:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.07.2007
Beiträge: 18
mayhem befindet sich auf einem aufstrebenden Ast
Standard iframe Positionierung

Ich habe folgendes Problem und hoffe, dass ihr mir helfen könnt.

Ich möchte, dass meine Website sich der Browsergröße anpasst, d. h. es soll ein Scrollbalken in der Main erscheinen, wenn mehr Text drin steht, als der Browser groß ist. So wie hier: stu nicholls | CSS PLaY | cross browser fixed header/footer/left column layout scrolling middle area

Auf meiner Website: Hortus-Animalis
funktioniert das irgendwie nicht.

Ich habe 2 Container als Header (1x das Banner und 1x Links [Home, Impressum, Kontakt]). Dann habe ich wiederrum 2 Container (1x die Links und 1x die Hauptseite) und einen Container, der den Footer beinhaltet.

Wie bekomme ich es hin, dass die Main sich der Browsergröße anpasst?

Hier mein Quellcode:

index.php:
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
    <title>Hortus-Animalis</title>
    
    <link rel="stylesheet" type="text/css" href="styles.css" />
    <style type="text/css"></style>
</head>

<body>

    <div id="nonFooter">
        <div id="head_1"><?php include('sites/hauptseite/header1.php'); ?></div>
        <div id="head_2"><?php include('sites/hauptseite/header2.php'); ?></div>
        <div id="main_verweise"><?php include('sites/hauptseite/main_verweise.php'); ?></div>
        <div id="main_text">
            <iframe src="sites/hauptseite/main_text.php" width="100%" height="100%" name="hauptframe" frameborder="0">
                  <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen!</p>
            </iframe>
        </div>
    </div>
    <div id="footer"><?php include('sites/hauptseite/footer.php'); ?></div>
    
</body>
styles.css:
Code:
html, body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	margin:0;
	padding:0;
	line-height:1.5em;
	background-color:#FF9900;
}
#nonFooter
{
	position: relative;
	min-height: 100%;
}
* html #nonFooter
{
	height: 100%;
}
	#head_1
	{
		background-image:url(images/bgrd_head.gif);
		width:100%;
		height:160px;
	}
	#head_2
	{
		background-color:#FF9900;
		width:100%;
		word-spacing:6px;
	}
	.head_2 a:link{color:#000000; text-decoration:none;}
	.head_2 a:hover{color:#000000; background-color:#F8F8F8; text-decoration:none;}
	.head_2 a:visited{color:#000000; text-decoration:none;}
	#main_verweise
	{
		background-image:url(images/bgrd_verweise.gif);
		width:151px;
		float:left;
	}
	#main_text
	{
		background-color:#FFFF00;
		overflow:auto;
	}
#footer
{
	background-color:#555520;
	width:100%;
	height:30px;
	margin-top:-30px;
	position:relative;
	clear:both;
}
Danke für eure Bemühungen!!!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.07.2007, 01:30
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

In dem du ihm relative Angaben für Höhe und Breite gibst!

Was soll das iframe da?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.07.2007, 10:19
Neuer Benutzer
neuer user
 
Registriert seit: 17.07.2007
Beiträge: 15
mischmischo befindet sich auf einem aufstrebenden Ast
Standard

das mit dem scrollbalken ist keine sache:

musst einfach im css folgenden code einfügen:

zb:
#main
{
height: 200px;
overflow: scroll;
}


sieht allerdings hässlich aus

nun zum zweiten problem.
wenn ich dich richtig verstanden habe, willst du dass sich deine seite dem browser in der höhe anpasst?

das sollte dann ungefähr so funktionieren:
html, body
{
height: 100%;
}

#main
{
min-height: 100%;
overflow: scroll;
position: relative;
}


da IE6 min-height nicht kennt solltest du noch dies hinzufügen:

* html #main
{
height: 100%;
}


noch eine bemerkuhng am rande.
dieses layout das du anstrebst ist ein typisches tablelayout denken und davon sollten man sich eigentlich lösen.

Ralp G. Schulz hat das sehr schön in seinem buch "Webdesign mit Style" beschrieben.

Geändert von mischmischo (19.07.2007 um 16:29 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 27.07.2007, 13:20
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.326
E|H befindet sich auf einem aufstrebenden Ast
Standard

<div id="head"> ist grotesk. Dafür gibt es Überschriften.

Das müßte eigentlich heißen »Ihr Browser kann zum Glück keine eingebetteten Frames anzeigen!«.
Mit Zitat antworten
  #5 (permalink)  
Alt 30.07.2007, 06:13
Benutzerbild von nick
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.08.2006
Ort: Rheinland-Pfalz
Beiträge: 386
nick befindet sich auf einem aufstrebenden Ast
Standard

Außerdem benutzt man <span> für Schriftformatierungsübergabe...
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
Seite aus iFrame raushalten: klappt nicht in FF und Chrome Kangooroo (X)HTML 6 29.04.2010 11:29
Hilfe bei Positionierung eines Menüs opa-rudi CSS 0 18.11.2008 12:21
Problem mit iFrame positionierung mit css VitaminT CSS 9 12.06.2008 18:56
iframe Größe bei Laden des Inhalts an dessen Größe anpassen wiseguy Javascript & Ajax 0 24.06.2007 23:04
iframe und css in ie --- z-index positionierung Nars CSS 9 03.01.2006 20:09


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:03 Uhr.