nicht angemeldet
hallo Tobias,
Ich Habe auch schon bemerkt, dass Rahmen um Div's gar nicht geeignet sind. Es bleibt dir keine wahrscheindlich keine andere möglichkeit als das ganze in eine Tabelle zu packen und um die Tabelle einen Rahmen zu legen.
tja, schon eine dumme sache, wenn du ein einziges Wort in deinem <div> stehen hast.
Ich war nun gerade dabei, eine exemplarische Seite dafür zuzubereiten, in der ich eine Menge von meinem Blindtext gelöscht habe - und komischerweise tretet hier das Phänomen -NICHT- mehr auf !?
Hier mein Seitenaufbau:
+-------------+-------------------------------+
| BANNER |
+-------------+-------------------------------+
| [leer] | Titel der Seite |
+-------------+-------------------------------+
| | |
| Navigations-| Seitentext |
| leiste, | |
| inhalt | |
| siehe unten | |
| | |
+-------------+-------------------------------+
| Link nach | +---------------+------------+|
| oben | | Link | Link ||
| | | zurück | weiter ||
| | +---------------+------------+|
+-------------+-------------------------------+
Also, unten rechts ist es eine einzelne Tabelle.
So, das Seitentext-td-CSS:
{
font: 100% Verdana,Helvetica,Arial,sans serif;
/* font 100% Damit der Browser die Schriftgröße regeln kann // Verdana für NS4 */
background-color: #F2FCFF;
padding: 5px 20px 10px 20px;
}
und das -navigations-td-css-:
{
font-size: 14px;
vertical-align: top;
background-color: #F2FCFF;
width: 160x;
padding: 5px 0px 10px 0px;
}
Also wie man sieht eine Menge Platz zwischen den 2 Teilen.
In der Navigationsleiste ist ungefähr folgendes:
<div class="teil">
<a href="#" class="heading" title="Startseite">Startseite</a>
</div>
<div class="teil"><div class="heading">Kommunikations-<br>technik</div>
<a href="#">Links dazu</a>
</div>
<div class="teil">
<div class="heading">Rechnertechnik und Computer</div>
<a href="#">Links dazu</a>
</div>
<div class="teil">
<a href="#" class="heading">Suche</a>
</div>
Und diese <div class="heading"> haben folgende Styles:
{
width: 100%;
border: 1px solid #7090C0;
font-weight: bold;
text-align: center;
padding: 2px;
margin: 0px 0px 3px 0px;
}
Der Rahmen dieser <div class="heading">-Dinger wird jedoch abgeschnitten - wieso ???
Ich poste auch den Quelltext, wenn er benötigt wird - nur habe ich mich eben entschieden, ihn nicht online zu stellen - ist zuviel aufwand :-/
Lou Der