27.11.2004, 18:53
|
|||
|
|||
<p> tag in <div> zerstört layout in firefox :(
hallo!
hab folgendes ausprobiert, aber in firefox geht es nicht wirklich -- fehler bei der anzeige der rechten spalte. wenn man die tags bei "rechts" weglässt, passt alles. in IE wird's korrekt angezeigt  Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>liquid layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body { /* mal für den ie */
height: 100%;
margin: 0;
padding: 0;
}
html,body { /* das brauchen die moz-basierten */
height: 99%;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}
iframe {
border: 0px;
padding: 0px;
margin: 0px;
}
#main { /* das brauchen die moz-basierten */
text-align: left;
margin: 0;
height: 99.5%;
width: 99.5%;
margin: 0;
background-color:#000000;
}
#mainmenu {
position: relative:
top:0%;
height:10%;
width:100%;
border: 0;
background-color:#0066FF;
clear: both;
}
#links {
position: relative:
top:0%;
height:85%;
width:20%;
border: 0;
background-color:#009933;
float:left;
}
#rechts {
position: relative:
top:0%;
height:85%;
width:100%;
border: 0;
background-color:#CC9900;
}
#show_hide {
position: relative:
top:0%;
height:85%;
width:12px;
border: 0;
float:left;
background-color:#CC0000;
}
#footer {
position: relative:
top: 0%;
height: 5%;
width: 100%;
border: 0;
float:left;
background-color:#00FFFF;
}
.clear {
clear: both;
}
hr {
display:none;
}
-->
</style>
<script type="text/javascript">
<!--
b1='images/arrow-hide.png';
b2='images/arrow-show.png';
hide=true;
function show_hide(obj)
{
if(document.images['arrow'].src.indexOf(b1)!=-1)
{
document.images['arrow'].src=b2;
show_hide_layer(obj);
}
else
{
document.images['arrow'].src=b1;
show_hide_layer(obj);
}
}
function show_hide_layer(obj)
{
if(hide)
{
document.getElementById(obj).style.display='none';
hide=false;
}
else
{
document.getElementById(obj).style.display='block';
hide=true;
}
}
//-->
</script>
</head>
<body>
<div id="mainmenu">
menu</p>
</div>
<hr class="clear">
<div id="links">
links</p>
</div>
<div id="show_hide">
[img]images/arrow-hide.png[/img]
</div>
<div id="rechts">
rechts</p>
</div>
<hr class="clear">
<div id="footer">
footer</p>
</div>
</body>
</html>
<iframes> hin, aber das funktioniert eben beim rechten div auch nicht -- ebenfalls falsche anzeige! aber am ende sollte es mit iframes mit 100 x 100 % funktionieren! vielen dank für die tipps schon mal im voraus! rene 
|
| Sponsored Links |
|
28.11.2004, 14:44
|
|||
|
|||
|
Mozilla zieht gerne die Hintergrundfarbe mit runter, wenn irgendwie ein margin im Spiel ist. Und
hat halt ein voreingestelltes margin. Bei #mainmenu passiert übrigens dasselbe. Abhilfe: Class Zero! in der css: Code:
.zero {
overflow: hidden;
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
height: 0;
}
P.S. das mit I-frame überleg Dir bitte nochmal... - hat mehr Nach- als Vorteile!
__________________
Grüße, Terry ... die immer noch sporadisch mitliest, auch wenn sie sich wenig zu Wort meldet ...
|
| Sponsored Links |
|
29.11.2004, 14:23
|
|||
|
|||
|
ok, mal danke für class zero. hab's noch nicht getestet, aber wird schon funktionieren
 andere vorschläge als iframe? das ganze soll das interface für ein facilitymanagement system werden... zur zeit werden normle frames eingesetzt, aber mit meiner variante möchte ich bezwecken, dass der linke layer mit js aus und eingeblendet werden kann (vgl. dreamweaver, wo man auch das menu ein/ausblenden kann) schöne grüße aus ö rene
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Bild über <div> Tag hinaus anzeigen | MrNobody | CSS | 4 | 06.06.2010 14:46 |
| Layout gut in IE u. Netscape, schlecht in Opera u. Firefox | gigi` | CSS | 7 | 22.06.2005 12:06 |
| Doctype zerstört layout!! | schaf | (X)HTML | 6 | 16.06.2005 23:48 |
| Firefox - clear:both - <br/> oder <div> | ulle | Knowledge Base | 30 | 02.06.2005 15:15 |
| mozilla zerstört layout komplett | pospiech | CSS | 0 | 14.03.2004 20:29 |
Linear-Darstellung
