nicht angemeldet
"css-blockelement" (<H1>) mit bgcolor zu breit in NS4.x, ?
Hallo,
habe eine Seite für eine Bekannte angefangn, ohne css.
Dann habe ich gelesen, dass <H1> usw. für die Such-Maschinen gut ist (Fetter Braten, Karzauninkat).
http://aktuell.de.selfhtml.org/artikel/html/suchmaschinen/index.htm#a2
Also meine Überschriften ala: <font size="+2"> Überschrift </font>
überdacht. ;-)
Nun das Problem:
Die Überschriften stehen in einer TabellenZelle mit einer anderen Hintergrundfarbe, als der
bgcolor="#8F8F8F".
Der NS4.78 macht mir nun aus dem Blockelement <H1> einen riesen dicken Farbbalken!
http://selfhtml.teamone.de/navigation/faq.htm#css_geht_nicht_bei_netscape
Javascript ist eingeschaltet, body { background-color:#8F8F8F; } macht er nämlich.
Im Forum zwischen Standards...Kriegen danach Stunden suchen?
Hab bis jetzt nichts gefunden :-(
Mit Link unten, fliegt bei mir auch alles durcheinander:
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#allgemeines
"Beachten Sie:
Netscape 4.x bildet bei mehrzeiligen Textabsätzen keinen echten Farbblock,
sondern dehnt die Hintergrundfarbe am Zeilenende nur bis zum zufälligen Ende
des Textes. Um dies zu verhindern, können Sie zusätzlich die Angaben border:none;
und margin:0px; notieren (in den meisten Fällen kommen Sie auch ohne das margin:0px; aus)"
Mein Wunsch-Traum:
-------------------------- width="770" -----------------------
| <H1 style="font-size:30px;>Überschrift</H1> |
------------------------- bgcolor="#BFBFBF" ------------------
Viele Grüsse
Thomas N
-
Moin,
meinste das so?
<html>
<head>
<style type="text/css">
body,th,td,div,span,ol,ul,li,dl,dt,dd {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
color:#ffffff;
}body {
background-color:#8f8f8f;
}h1 {font-size: 30px;padding-left:5px}
table.main {
width:770px;
}td.headline {
background-color:#bfbfbf;
color:#e4e4e4;
}</style>
</head>
<body>
<table class="main" width="770">
<tr>
<td class="headline"><h1>Eine dicke fette Überschrift, die ganz doll viel lang ist</h1></td>
</tr>
<tr>
<td>Und hier der Rest vons janze</td>
</tr>
</table>
</body>
</html>gruesse, uschi
-
Moin uschi,
meinste das so?
Nicht ganz, so solls sein. :-)
http://ablage.com/htdocs/selfforum/css-h1.htm
Oder kappier ich was nicht?Gruesse
Thomas N-
Nochmal,
meinste das so?
Nicht ganz, so solls sein. :-)
http://ablage.com/htdocs/selfforum/css-h1.htm
Oder kappier ich was nicht?Denn im Netscape® Communicator 4.78, siehts bei mir so aus:
<img src="http://ablage.com/htdocs/selfforum/pics/h1_ns4x_screen.gif" border=0 alt="">Gruesse
Thomas N-
Hallo;
also bei mir funkt das nicht für <h1> (bei NS4.x) mit
margin-bottom:-20px;
http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm#margin_bottomEs klingt so schön und vor allem muss man als css-Anfäger erst mal draufkommen!
http://selfhtml.teamone.de/intro/technologien/css.htm#formatspracheZitat:
"Mit Hilfe von CSS Stylesheets können Sie beispielsweise festlegen,
dass alle Überschriften 1. Ordnung 24 Punkt groß sind, in roter
Helvetica-Schrift, mit einem Nachabstand von 16 Punkt und ... dargestellt werden."
KLingt schön! Aber auch (bei NS4.x)?
Was nun?Viele Grüsse
Thomas N-
Hallo;
http://forum.de.selfhtml.org/archiv/1998_4/t01465.htm#a6241
<img src="http://forum.de.selfhtml.org/archiv/src/dyncss1.jpg" border=0 alt="">http://forum.de.selfhtml.org/archiv/1999_1/t01713.htm#a7453
Heute wie damals, oder?Viele Grüsse
Thomas N-
Hallo Thomas,
http://forum.de.selfhtml.org/archiv/1998_4/t01465.htm#a6241
http://forum.de.selfhtml.org/archiv/1999_1/t01713.htm#a7453Heute wie damals, oder?
Ja, denn an dem NS 4.x hat sich ja seit dem nicht wirklich was geändert.
Und die Lösung ist noch immer das selbe wie damals. Gib dem <h1> einen border:none; und eine width:__%;.Grüße
Thomas-
Hallo Thomas,
Und die Lösung ist noch immer das selbe wie damals. Gib dem <h1> einen border:none; und eine width:__%;.
Vielen Dank.
Mein Versuch:
<h1 style="font-size:30px; width:78%; font-weight:200; margin-bottom:-2px; border:none; background-color:#BFBFBF;">
h1-Ueberschrift CSS-Versuch</h1>Im IE 5.5
Mozilla/5.0
ist die CSS-h1-Ueberschrift centriert, sollte ja aber left sein.
Im Communicator 4.78 ist sie left, aber dafür stimmt die fontsize nicht (zu klein)!Über die fontsize im NS4.78 könnte ich mich noch hinwegtrösten, aber wie krieg ich das ganze
überall left? Also den Hintergrund centriert und die Schrift left darauf?
Da trau ich mich mal an CSS ran und dann sowas!Das ganze live zum angucken mit Referenz als <font size="+2">-Tabellenlösung:
http://www.ablage.com/htdocs/selfforum/css_nachabstand3.htmGrüße
Thomas N-
Hallo Thomas,
Und die Lösung ist noch immer das selbe wie damals. Gib dem <h1> einen border:none; und eine width:__%;.
Vielen Dank.Über die fontsize im NS4.78 könnte ich mich noch hinwegtrösten, aber wie krieg ich das ganze
überall left? Also den Hintergrund centriert und die Schrift left darauf?
Da trau ich mich mal an CSS ran und dann sowas!Wenn es wichtig ist, dass in allen Browser eine annährend gleiche darstellung zustande kommt, kannst es einfach so machen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>bitte schön</title>
<style type="text/css">
#h1css {
font-size:30px;
font-weight:200;
margin-bottom:-5px;
}</style>
</head>
<body text="#000000" bgcolor="#8F8F8F" link="#000000" alink="#FF0000" vlink="#6F6F6F"><table align="center" width="770" border="0" cellspacing="0" cellpadding="2">
<tr>
<td width="100%" height="30" valign="middle" bgcolor="#bfbfbf"><h1 id="h1css">h1-Ueberschrift CSS-Versuch</h1></td>
</tr>
</table>
</body>
</html>Einen Abstand im NS4.x hast du noch immer, aber Opera, Mozilla, IE, Galeon, Konqueror, K-Meleon stellen die Seite fast identisch dar.
Übrigens die DOCTYPE-Angabe hat großgeschrieben zu sein.sonst kannst du mit der Seite experimentieren:
http://www.unet.univie.ac.at/~a9105535/forum/heading1.htmlGrüße
Thomas-
Hallo Thomas,
Wenn es wichtig ist, dass in allen Browser eine annährend gleiche darstellung zustande kommt, kannst es einfach so machen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>bitte schön</title>
<style type="text/css">
#h1css {
font-size:30px;
font-weight:200;
margin-bottom:-5px;
}</style>
</head>
<body text="#000000" bgcolor="#8F8F8F" link="#000000" alink="#FF0000" vlink="#6F6F6F"><table align="center" width="770" border="0" cellspacing="0" cellpadding="2">
<tr>
<td width="100%" height="30" valign="middle" bgcolor="#bfbfbf"><h1 id="h1css">h1-Ueberschrift CSS-Versuch</h1></td>
</tr>
</table>
</body>
</html>Was macht das valign="middle" im <td> ^^^^^^^^^^^^^hab ich noch nicht verstanden.
In IE 5.5, NS4.78, Opera 6.0 und mozzi 1.0
ändert sich da bei mir nichts sichtbar, wenn ich valign="middle" rausnehme.
Wozu hast Du es reingemacht?Einen Abstand im NS4.x hast du noch immer,
Also gut, dann ist das klar mit einem Abstand im NS4.x.
aber Opera, Mozilla, IE, Galeon, Konqueror, K-Meleon stellen die Seite fast identisch dar.
Prima.
Übrigens die DOCTYPE-Angabe hat großgeschrieben zu sein.
Haha!
Das macht der "Ulli Meybohms HTML EDITOR".<img src="http://www.ablage.com/htdocs/selfforum/pics/Meybohms_EDITOR.gif" border=0 alt="">
sonst kannst du mit der Seite experimentieren:
http://www.unet.univie.ac.at/~a9105535/forum/heading1.htmlim NS4.x sieht diese Seite sehr lustig aus :-)
Danke
Thomas N-
Hallo Thomas,
Was macht das valign="middle" im <td> ^^^^^^^^^^^^^hab ich noch nicht verstanden.
Ich habe es vergessen rauszunehmen. ;-) Sorry.
Übrigens die DOCTYPE-Angabe hat großgeschrieben zu sein.
Haha!
Das macht der "Ulli Meybohms HTML EDITOR".Dann macht er es falsch.
Grüße
Thomas
-
-
-
-
-
-
-
-
-