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

Scrollbalken weg

Status
Für weitere Antworten geschlossen.

fdw

Neues Mitglied
Hallo leutz

hab ein kleines Problem. Und zwar mit dieser Seite. Wenn ich nämlich den Bereich "Summertime" anklicke, erscheint der Scrollbalken mittendrin. Wie kann ich den an den Rand stellen?

Der FF kann irgendwie folgenden Code nicht lesen (in class.css):

Code:
.Bigband {font size="35"; font family: Arial}

und zwar happerts beim "35". Den Rest interpretiert er sauber...
 
Werbung:
Code:
.Bigband {font size:35px; font family: Arial}
So wäre es richtig. Px kannst du ja auch noch austauschen.

edit: Sorry, L.T.M war schneller
 
Werbung:
hast es aber flashc AT:

Code:
.Bigband {font-size:35px; font-family: Arial}

so stimmt es...

ich finde da keine überflüssigen scrollbalken...
 
Oh, auf die Bindestriche hab ich gar nicht geachtet.
Das mit dem Scrollbalken versteh ich auch nicht so ganz.
Der Scrollbalken ist in deinem Div-Container, aber das wirst du dementsprechend dann auch so eingestellt haben.
 
Das sind die Codes:

class.css-Datei:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Class-Datei</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css"> 

body {scrolling=no} 

</style>
<style type="text/css">
body { background-color:#FFFFFF;
 div {border:0px solid #aaaaaa;}
 }
 #Zitat
 {
 position:absolute;
 top:79px;
 left:522px;
 width:555px;
 height:43px;
 border:0px;
 }
 #Links
 {
	position:absolute;
	top:315px;
	left:158px;
	width:112px;
	height:280px;
	border:0px;
	background-color: #FF9933;
 }
 #Links1
 {
 position:absolute;
 top:323px;
 left:172px;
 width:116px;
 height:193px;
 border:0px;
 }
 #Text
 {
 position:absolute;
 top:315px;
 left:281px;
 width:448px;
 height:280px;
 border:0px;
 background-color: #FF9933;
 }
 #Text2
 {
 overflow:auto;
 position:absolute;
 top:319px;
 left:290px;
 height:280px;
 width:432px;
 border:0px;
 }
 #Bild
 {
 position:absolute;
 top:315px;
 left:740px;
 width:205px;
 height:280px;
 border:0px;
 background-color:#99CC33;
 }
 #Zitat
 {
 position:absolute;
 top:80px;
 left:518px;
 width:435px;
 height:73px;
 border:0px;
 background-color:#FFFFFF;
 }
 #Diverses
 {
 position:absolute;
 top:275px;
 left:291px;
 width:428px;
 height:30px;
 border:0px;
 background-color:#FFFFFF;
 font-face:Times New Roman;
}
#Schriftzug1
{
position:absolute;
top:190px;;
left:281px;
width:440px;
height:28px;
border:0px;
background-color:#FFFFFF;
}
#Schriftzug2
{
position:absolute;
top:222px;
left:350px;
width:500px;
height:28px;
border:0px;
}
.Diverses {font-size:13px; font-family: New Gothic MT,Arial; color: #669999; text-decoration:none}
.Diversesaktuell {font-size:13px; font-family: New Gothic MT,Arial; color:#666666; text-decoration:none}
.Link2 {font-size:15px; font-family: New Gothic MT, Arial; color:#330000; text-decoration:none}
.Link {font-size:15px; font-family: New Gothic MT, Arial; color:#FFFFFF; text-decoration:none}
.Zitat {font-size:12px; font-family: New Gothic MT, Arial; color:#999999; text-decoration:none}
.Zitat1 {font-size:10px; font-family: New Gothic MT, Arial; color:#999999; text-decoration:none}
.Bigband {font-size:35px; font-family: New Gothic MT, Arial; color:#330000; text-decoration:none}
.KantiWattwil {font-size:35px; font-family: New Gothic MT, Arial; color:#FF9933; text-decoration:none}

<body>

</body>
</html>

HTML-Datei:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="Class.css" rel="stylesheet" type="text/css" / >
<title>Big Band KSW</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
{
text-decoration: none;
}
</style>

</head>

<body scroll="auto">

<div id="Links"></div>
<div id="Links1"><FONT SIZE="1"> </FONT> <A HREF="Aktuell.html" style="text-decoration:none;"> <font face="Verdana, Arial, Helvetica, sans-serif"> 
  <span class="Link">AKTUELL</span></A><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"> 
  

  

  <A HREF="Portrait.html" style="text-decoration:none;"><span class="Link">
  PORTRÄT</span></A><font face="Arial, Helvetica, sans-serif">

  

  [url="Projekte.html"] <span class="Link2">PROJEKTE</span>[/url]

  

  <font color="#000000">[url="CD.html"] <span class="Link">CD</span>[/url]

  

  [url="Media.html"]<span class="Link"> MEDIA</span>[/url]

  

  [url="Links.html"] <span class="Link"> LINKS</span>[/url]

  

  [url="Kontakt.html"]<span class="Link">KONTAKT</span>[/url]

  

  [url="Intern.html"] <span class="Link">INTERN</span>[/url] 
   </div>
<div id="Text"></div>
<div id="Text2">
  <div align="justify"><font color="#FFFFFF" face="New Gothic MT, Arial"> [b]Juni 2001: summertime
Konzertreihe mit Katja Mair (vocal)[/b]<font size="2">


  „Vokalistin bringt Sommerstimmung“ titeltete die Zeitung „Der Toggenburger“ am 19. Juni 2001. Die Big Band präsentierte mit 
  „summertime“ erstmals ein Programm mit einer Jazz-Sängerin. Mit Katja Mair – einst selbst Schülerin an der Kantonsschule Wattwil – 
  konnte für diese Konzertserie eine schweizweit bekannte Sängerin geworden werden. Die in Jona lebende Vokalistin hat Gesang an der 
  Musikhochschule Luzern studiert und ist heute als Musiklehrerin und Solistin tätig.

Der erste Teil des Abends stand im Zeichen von George Gershwin, Komponist sowohl klassischer Werke wie auch unzähliger Broadway-Musicals. 
Nebst seinem programmbezeichnenden Hit „Summertime“ interpretierte Katja Mair auch „s’wonderful“ oder „Somebody loves me“. 
Im zweiten Konzertteil kam das Publikum in den Genuss weiterer Jazz-Standards wie „Fly me to the moon“ oder Duke Ellingtons 
„Sophisticated Lady“. Auch nach der Pause brillierte Katja Mair wieder mit Solis wie zum Beispiel in den Balladen „When I fall in love“ 
oder „Darn that dream“.
    </font></font></div>
  </div>
<div id="Bild">[img]Sax_1.jpg[/img]</div>

<div id="Zitat"> 
  <div align="right"><span class="Zitat">«Die 
    gut interpretierten und gepflegt gespielten Arrangements zeugen von hohem 
    Niveau der Band.»<FONT SIZE="1"></span>

    

    <span class="Zitat1" size="1">Marco Eberhard, „Die ‚kleine 
    Sonnenblume’ in der Bl&uuml;tezeit“, Linth-Zeitung, 13.12.2004 
    </span></div>
</div>

<div id="Diverses"> 
  <div align="justify"><span class="Diverses"><A HREF="FeaturingS.html" style="text-decoration:none;"><span class="Diverses">featuring 
    saxophone</span></A> | [url="Summertime.html"]<span class="Diversesaktuell">summertime</span>[/url] 
    | <A HREF="BasicallyB.html" style="text-decoration:none;"><span class="Diverses">basically 
    blue</span></A> | <A HREF="Expo02.html" style="text-decoration:none;"><span class="Diverses">Expo 
    02</span></A> | <A HREF="FunkandD.html" style="text-decoration:none;"><span class="Diverses">Funk 
    and Dance Night</span></A> | <A HREF="Walkint.html" style="text-decoration:none;"><span class="Diverses">walkin&acute; 
    tiptoe</span></A> | <A HREF="SG03.html" style="text-decoration:none;"><span class="Diverses">Jugendorchesterfestival 
    03</span></A> | [url="Swingphonics.html"]<span class="Diverses">Swingphonics</span>[/url]</span></div>
</div></Diverses>
<div id="Schriftzug1"><span class="Bigband">BIG 
  BAND</span></div>
  <div id="Schriftzug2"><span class="KantiWattwil">KANTI WATTWIL</span></div>
</body>
</html>

Und so siehts aus:

http://www.cjb.cc/members/politik-online/Problem.JPG

edit: es müsste heissen: Abstand Text-Scrollbalken.

<--- Mod-Edit: Zu großes Bild --->
 
Werbung:
Autoterrorist schrieb:
Bevor dir geholfen werden kann, solltest du lieber erstmal CSS lernen...
http://www.css4you.de/

Könnte diese sehr verständliche, konstruktive Kritik (die ich in einem Fachforum genau so erwarte) auch ein bisschen genauer erläutert werden?

Edit: Wieso gehört in eine CSS-Datei kein HTML?

Doppeledit: Meinst du in die obere Datei (class.css)?
 
Werbung:
ja so bindet man css daten direkt in html ein aber du willst doch das die formatierung aus der datei in ein andere dokument übernommen wird und dann geht das nicht...
 
Werbung:
merci vielmals, jetzt funzt alles richtig!

Nun zum zweiten Problem:

Da ich bei allen Dateien die CSS-Datei class.css und somit die gleichen Layer benutze, gibt es folgendes Problem:

Bei kurzen Texten, bei denen kein Scrollbalken benötigt wird, ist es nun genau gut so. Bei langen Texten mit Scrollbalken jedoch entsteht nun diese unschöne Verzerrung (ich habe den Div-Layer absichtlich im anderen drin verschoben, damit ein Abstand von links u. oben entsteht, beim Befehl padding war der Scrollbalken noch schlimmer). Nun die Frage: Gibt es einen Befehl, der bewirkt, dass

a) bei kurzen Texten alles schön eingemittet bleibt (oben, unten, links, rechts 2px, [padding?]) und
b) bei Texten mit Scrollbalken der Balken das padding "vergisst" und so ganz an den Rand des Feldes geht? Gibt es alternativ einen Befehl zur Einstellung der Scrollbalkenbreite?

Vielen Dank

fdw

Edit: gibt es alternativ einen Befehl, der den Abstand Scrollbalken - Text definiert?
 
soweit ich das verstehe ist dein problem das das div.feld durch padding verzerrt wird weil du eine weite angibst. und deswegen verwendest du ein inneres... lass doch das äussere absolut und mit festgelegter größe (mit scrollbalken) und ohne padding. beim immeren setzt du dann einen padding und setzt keine position oder größe auch keine scrollbalekne...
 
Werbung:
div mit padding:0px und den text in ein p (oder anderes block element) mit padding:2px könnte funktionieren.
externe css dateien haben meines wissens nichts außer css anweisungen.
k.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben