|
 |
  |
| Autor |
Nachricht |
lythandrah
Neuer [User]
Anmeldung: 09.01.08
Beiträge: 5
|
 Verfasst am: 09.01.2008, 19:00 Titel: iframes |
 |
|
Hallo!
bin auch ziemlich neu, was webdesign betrifft...
ich hab schon vor ewigkeiten html gelernt und bin gerade bei css...
erstelle gerade eine zentrierte 3-spaltige hp...
in der kopfzeile soll ein logo stehen, in der linken spalte die navigation, in der mittleren spalte der inhalt und in der rechten noch eine "mini-navigation"... und in der fußzeile das copyright usw usw...
ich bekomms irgendwie mit css nicht hin, dass, wenn ich bei der navigation auf einen link klicke, der inhalt dieses links im mittleren bereich also im "inhalts-bereich" steht, sondern es geht immer ein neues fenster auf (auch mit target="..." hab ichs versucht usw...)
dann hab ichs mit eingebetteten frames probiert... das problem ist hier nur, dass wenn ich die größe des iframes in pixel angeb, sieht das bei jeder bildschirmauflösung anders aus (verschiebt sich immer), wenn ich aber mit prozentangaben arbeite, sieht es so aus:
aber ich hätte gerne, dass die seite über den ganzen schwarzen inhalt geht und nicht nur über die hälfte... und egal wieviel % ich angebe (90% oder 100%) es sieht immer gleich aus =(
was mache ich falsch?
nachtrag:
so sollte es LAYOUTMÄSSIG dann aussehen (das hab ich jetzt nur schnell mit Paint gezeichnet)
|
|
| Nach oben |
|
 |
JFM
Beliebter [User]
Anmeldung: 25.09.05
Beiträge: 425
Wohnort: Gütersloh
|
| Verfasst am: 09.01.2008, 23:20 Titel: |
|
|
Ohne Quellcode wird es schwer sein dir zu helfen. Ins Blaue Raten ist meist nicht so sehr von Erfolg gekrönt.
Es ist zb. denkbar das um deinem IFrame eine Tabelle ist oder ein DIV oder sonst was, der eben nicht größer ist. Die 100% richten sich ja immer nach dem umgebenden Element.
Was dem öffnen im Frame angeht: Du musst dem Frame dann einen Namen geben damit du diesen ansteuern kannst.
Du bennenst in bsp. mit name="mainFrame"
und kannst ihn dann mit target="mainFrame" ansteuern. "
_________________
 http://www.onestripe.de
|
|
| Nach oben |
|
|
lythandrah
Neuer [User]
Anmeldung: 09.01.08
Beiträge: 5
|
| Verfasst am: 10.01.2008, 09:36 Titel: |
|
|
ja, das mit dem frame einen namen geben ist schon klar... wie gesagt, html hab ich schon gelernt...
hier ist der code:
<iframe name="main" src="main.html" frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
und es ist in divs verpackt, aber ich dachte, wenn man das sowieso in prozenten angibt, sollte es doch normal angezeigt werden...
|
|
| Nach oben |
|
|
lythandrah
Neuer [User]
Anmeldung: 09.01.08
Beiträge: 5
|
| Verfasst am: 10.01.2008, 09:43 Titel: |
|
|
geht das denn nicht, dass man das auch ohne iframes löst?
also dass wenn man in der navigation auf einen link klickt, der inhalt dann einfach in der mitte angezeigt wird?
das sollte doch irgendwie mit css machbar sein, oder?
|
|
| Nach oben |
|
|
JFM
Beliebter [User]
Anmeldung: 25.09.05
Beiträge: 425
Wohnort: Gütersloh
|
| Verfasst am: 10.01.2008, 11:01 Titel: |
|
|
Wie hoch ist der DIV in dem der IFrame liegt? Wenn er bsp. nur 300px hoch ist dann wird der Frame mE. auch nur 300 PX groß, da dieses eben 100% sind.
Sicher kannst du das ohne iframe lösen.
Du kannst zb. jede Seite mit dem menü ausstatten. Dann ist es natürlich dumm wenn du einer weitere Seite einfügen willst und du musst alle X Seiten ändern.
Um dieses zu verhindern kannst du zB. den php-befehl include verwenden.
Dieser hat eine "ähnliche" funktion wie der include. So hast du die Möglichkeit das Menü aus einer externen Datei zu laden und brauchst bei Bedarf nur diese eine Datei ändern.
Der Befehl dazu sieht dann so aus
| Code: | <? include("/pfad/zur/seite.php"); ?>
|
Dazu musst du allerdings PHP auf dem Server nutzen können!
_________________
http://www.onestripe.de
|
|
| Nach oben |
|
|
lythandrah
Neuer [User]
Anmeldung: 09.01.08
Beiträge: 5
|
| Verfasst am: 10.01.2008, 14:04 Titel: |
|
|
hmm... mit php kenn ich mich leider null aus...
bin erst mit css ganz am anfang *g*
danach zieh ich mir vielleicht php rein oder so, mal sehen.
also ich hab heute wieder ein bisschen herumgespielt-hab eigentlich ganz von vorne nochmal alles runtergeschrieben...
jetzt sieht es so aus:
der hellblaue bereich unter dem iframe gehört eigentlich zum container und das versteh ich nicht ganz. ich wollte eigentlich, dass die fußzeile schön drunter bleibt.
und das iframe sollte den ganzen platz ausfüllen, wenn schon 100% angegeben werden.
hier nochmal der ganze code:
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Homepage</title>
<style type="text/css">
body, html, #navigation, #container, #inhalt, #naviZWEI {
margin: 0;
padding: 0;
}
body {
font: 100.01% Times New Roman;
background-color: #E6DCCF;
text-align: center;
}
#container {
width: 90%;
text-align: left;
margin: 0 auto;
background-color: #8080FF;
}
#kopf {
background-color: #804040;
color: #E6DCCF;
padding: 10px;
text-align: center;
}
#kopfZWEI {
background-color: #000000;
color: #E6DCCF;
padding: 10px;
text-align: center;
}
#navigation, #naviZWEI {
width: 20%;
float: left;
background-color: #E6B873;
color: #800040;
}
#inhalt {
width: 59.9%;
height: 100%;
float: left;
background-color: #FFF;
color: #806640;
}
#fuß {
background-color: #BB00BB;
color: #E6DCCF;
padding: 10px;
text-align: center;
}
p {
margin: 25px 25px 0 25px;
}
h1 {
margin: 0 25px;
padding: 25px 0;
font-size: 1.3em;
}
h5 {
margin: 0 25px;
padding: 25px 0;
font-size: 4em;
}
</style>
</head>
<body>
<div id="container">
<div id="kopf"><h5>kopf</h5></div>
<div id="kopfZWEI"><h1>kopfZWEI</h1></div>
<div id="navigation">
<h1>Navigation</h1>
<ul>
<li>Menüpunkt 1</li>
<li>Menüpunkt 2</li>
<li>Menüpunkt 3</li>
<li>Menüpunkt 3</li>
<li>Menüpunkt 3</li>
<li>Menüpunkt 3</li>
</ul>
</div>
<div id="inhalt">
<iframe name="main" src="main.html" frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
</div>
<div id="naviZWEI">
<h1>naviZWEI</h1>
<ul>
<li>Menüpunkt 1</li>
<li>Menüpunkt 2</li>
<li>Menüpunkt 3</li>
</ul>
</div>
<div id="fuß"><h1>fuß</h1></div>
</div>
</body>
</html> |
vielleicht denk ich einfach zu kompliziert???
|
|
| Nach oben |
|
|
lythandrah
Neuer [User]
Anmeldung: 09.01.08
Beiträge: 5
|
| Verfasst am: 10.01.2008, 15:00 Titel: |
|
|
hach!!!
ich habs geschafft =)))
wenn ich die breite der mittleren spalte, also des inhalts in pixel angebe, dann funktioniert es, mit prozent nicht!
nicht die optimale lösung, aber wenigstens sieht es jetzt so aus, wie ich es haben wollte =)
danke euch trotzdem!
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
