Hallöchen,
meine Probleme sind wahrscheinlich Kleinigkeiten aber sie bringen mich zur Weißglut.
1. Ich habe einen farbigen Balken links am Browserrand rechts da neben befindet sich Text. Ziemlich langer Text. Dieser Balken passt sich dem Text an. Wenn der Text länger wird, wird auch der Balken länger. Alles soweit gut. Doch der Firefox lässt unten einen breiten weißen Rand, den ich nicht weg bekomme und den ich im IE auch nicht habe.Der Balken endet also nicht direkt unten am Browserfenster sondern ein paar Pixel vorher. Das ist mein erstes Problem und ich würde mich schon sehr freuen würde jemand mir helfen können.
2. Mein 2. Problem ist: auf zwei Unterseiten meiner Webseite verschwindet der Text wenn ich mein Browserfenster verkleiner. Würde ich es mit position:absolute lösen, dann wirkt sich das auf den Balken links daneben aus, der wird nämlich dann nicht mehr bis nach unten weiter geführt Ich weiß nicht was ich genau da gegen machen kann. Ich bitte darum um Hilfe.
lg Jule
meine Probleme sind wahrscheinlich Kleinigkeiten aber sie bringen mich zur Weißglut.
1. Ich habe einen farbigen Balken links am Browserrand rechts da neben befindet sich Text. Ziemlich langer Text. Dieser Balken passt sich dem Text an. Wenn der Text länger wird, wird auch der Balken länger. Alles soweit gut. Doch der Firefox lässt unten einen breiten weißen Rand, den ich nicht weg bekomme und den ich im IE auch nicht habe.Der Balken endet also nicht direkt unten am Browserfenster sondern ein paar Pixel vorher. Das ist mein erstes Problem und ich würde mich schon sehr freuen würde jemand mir helfen können.
2. Mein 2. Problem ist: auf zwei Unterseiten meiner Webseite verschwindet der Text wenn ich mein Browserfenster verkleiner. Würde ich es mit position:absolute lösen, dann wirkt sich das auf den Balken links daneben aus, der wird nämlich dann nicht mehr bis nach unten weiter geführt Ich weiß nicht was ich genau da gegen machen kann. Ich bitte darum um Hilfe.
Code:
html,body {
height:100%;
margin:0;
padding:0;
}
#wrapper {
position:relative;
min-height:100%;
height:auto !important;
height:100%;
background: url(image/balken_blau.png) repeat-y;
}
#header {
height:124px;
background:#fff;
}
#balken_rot{
width:48px;
float:left;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
</style>
</head>
<body>
<div id="wrapper" class="clearfix">
<div id="header"></div>
<div id="balken_rot"></div>
<div id="motiv"></div>
<div id="fliesstext"></div>
<div id="fliesstext2">
<br>
<br>
<br>
<img src="image/img_claim.jpg">
<br>
<br>
<br>
</div>
</div>
#fliesstext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20pt;
float:left;
top:150px;
margin-left:320px;
white-space: nowrap;
display:inline;
min-width:70px;
width:90px;
}
#fliesstext02{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20pt;
float:left;
top:285px;
margin-left:108px;
min-width:600px;
width:600px;
white-space:nowrap;
display:inline;
}lg Jule
