Overflow geht nicht
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
antwort
auto
background
base
element
face
fragen
highlight
hilfe
image
inhalt
layout
overflow
perfekt
recht
schauen
sen
tabelle
-
Hi,
mein Layout besteht aus Tabellen, und daher habe ich f?r dein Inhalt eine <td>. Jetzt habe ich versucht es mit CSS zu formatieren:
td.inhalt{
height:400px;
overflow:auto;
backgorund-color:#0C1521;
width:600px;
background-image:url('layout/HGContent.jpg');
}
Das klappt auch alles, aber Overflow klappt nicht. Wenn der Text l?nger ist ver?ckt das ganze Layout. Was muss ich amchen um das zu ?ndern? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ich arbeite mit PHPEdit
-
overflow: auto ist das gleiche, als ob du gar nicht hingeschrieben h?ttest, da das der initialwert ist.
ich glaube du musst die Breite des Elements mit max-width festlegen.
Schau mal unter http://www.css4you.de, da m?sstest du was finden, hab jetzt grade keine Zeit, bin am Kochen.... -
overflow: auto ist das gleiche, als ob du gar nicht hingeschrieben h?ttest, da das der initialwert ist.
Falsch. Der Initialwert ist visible. ;)
Bevor ich dir eine Antwort geben kann, muss ich wissen mit welchem Programm du arbeitest.
Warum denn das? Das ist keine Frage des Programms, sondern eine Frage des Codes.
@mastermoul1: Wie genau verschiebt sich das?
Ich meine, es ist normal, dass sich der rechte Rand des Inhalts etwas nach links verschiebt, da ja die Scrollleisten noch dahin m?ssen. -
nein es verschiebt sich nach unten weieter, k?nntet ihr mira mal den code genau auf schreiben?
-
k?nnt ihr mir helfen?
-
geht nicht direkt, da sich overflow nicht auf <td> anwenden l?sst.
aber man kann es anders l?sen:
td.inhalt{
height:400px;
overflow:auto;
backgorund-color:#0C1521;
width:600px;
background-image:url('layout/HGContent.jpg');
scrollbar-base-color: #203b59;
scrollbar-3d-light-color: #a0bbd9;
scrollbar-arrow-color: #a0bbd9;
scrollbar-darkshadow-color: #203b59;
scrollbar-face-color: #203b59;
scrollbar-highlight-color: #809bb9;
scrollbar-shadow-color: #809bb9;
scrollbar-track-color: #203b59;
}
und dann in der betreffenden Zelle:
<td class="inhalt">
<div style="width: 100%; height: 100%; overflow: auto;">
Da rein der Text
</div>
</td> -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage