• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Iframe Menüleiste

Status
Für weitere Antworten geschlossen.

Salz

Neues Mitglied
Iframe Menüleiste

Hallo,
also hoffe hier kann mir wer helfen bzw. Ueberhaupt mein Beschreibung verstehen.
Die Seite ist recht simpel aufgebaut, oben ein Iframe Header,
am linken Rand eine Iframe Menueleiste und der Rest des Platzes ist fuer den eigentlichen Inhalt gedacht. Nun hat der Body der gesamten Seite und die beiden Iframes jeweils andere Farben.
Ich habe auf jeder Seite die hoehe des linken iframes per prozentangabe angegeben, damit sie quasi immer mit dem unteren Rand buendig ist(also meist 100% bzw. hoehere angaben bei nem laengeren Text des Inhalts). Problem bei der prozent angabe ist halt, dass das linke iframe bei nicht maximierten Browserfenster mitten im Text aufhoert und darunter die Hintergrundfarbe des bodys prangt... ebenso habe ich das Problem, dass Netscape scheinbar keine prozentangaben bei iframes verstehen kann.
Im Grunde genommen geht es mir nur darum, dass der linke Rand der gesamten Seite bis 142px in ner anderen Farbe erscheint, als der rest der Seite und ich hab wirklich keine Ahnung wie ich das sonst hinbekommen koennte. :oops:

html Code
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="../layout/muster.css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<iframe src="../layout/header.html" width="100%" height="106px" name="header"
frameborder="0" scrolling="no"></iframe>
<iframe src="../layout/side_index.html" width="142px" height="110%" name="side_index" frameborder="0"
scrolling="no" align="left"></iframe>
<table>
<tbody>
<tr>
<td>


TEXT TEXT TEXT sehr langer TEXT</p>
</td>
</tr>
</tbody>
</table>

</body>
</html>

gekuerzter css code
Code:
iframe          { margin-left:0px;
                      margin-right:0px;
                      margin-top:0px;
                      margin-bottom:0px; } 

body		    { background-color:#ff0000;
			margin-left:0px; 
			margin-right:0px; 
			margin-top:0px; 
			margin-bottom:0px; }

body.head	    { background-color:#ff8000;} 

body.menue	    { background-color:#ffff00; }

p.s. das sind jetze nur Beispielfarben :)

Hoffe mir kann irgendwer helfen oder eine alternative zu den iframes vorschlagen, wobei ich mich mit diesen <div> "Zeug's etc. noch weniger auskenne.

mfg
 
kannst mit divs ganz einfach machen:
du definierst in der cssdatei:

#divname
{
background-color : #FF0000;
max-width : 142px;
}

dein divteil sieht dann so aus:

<div id = "divname">
text im divbereich
</div>

oder was meintest du?
 
aber er wird immerhin noch verwendet!!!
und das ist allgemein eine ziemlich schlechte einstellung deinerseits, weil dann könnte mna ja auch sagen kommt, wir schreiben unsere seite nur noch für den ie, den firefox/netscape/opera lassen wir mla außen vor, sollen die doch sehn, wie sie unsere site anschauen!!!!
also eine gute seite sollte für alle gängigeren (und dazu zählt für ich der netscape noch!) browser komform sein!
 
Code:
 MS Internet Explorer 	82.6 % 
 Mozilla		       10.7 % 
 Netscape 		      2.9 % 
 Safari			         2.5 % 
 Unknown		     0.6 % 
 Opera			       0.4 % 
 Galeon			         0 %
hier die statistiken meiner hauptseite. die anderen seiten sind SEHR aehnlich +/- 0.1% - somit haette sich die prioritaet fuer's designen genau festgelegt:

MSIE, Firefox, Safari, Netscape, Opera, Others

Wie weit man in dieser liste zurueckgehen will, ist jedem selbst ueberlassen. Bei mir hoert das browser-weichen-schreiben nach Safari auf (Netscape stagniert zugunsten von FireFox, Safari ist der Mac browser und bleibt deswegen konstant...)
 
Nunja bei diesem "div" habe ich aber immernoch das Problem, dass der linke Rand nicht durchgehend die gleiche Farbe hat bzw. ich immernoch für jede Seite eine Höhenangabe angeben muss. Und diese ist dann eben wieder ungenau bei verschiedenen Auflösungen bzw. bei nicht maximiertem Browserfenster. Also suche ich quasi einen Befehl um die höhe für ein iframe oder <div> anzugeben, so dass diese immer die maximale ausbreitung haben. Ich habe auch leider kein Webspace wo ich mal eine testseite oder eine skizze hochladen könnte, etwas kompliziert zu erklären mein Anliegen^^
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben