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

Divs (float:left): Schrift rutscht in Ersten

Status
Für weitere Antworten geschlossen.
W

wers1

Mitglied
Hallo,

ich hab eine Seite gemacht, diese Arbeitet mit verschachtelten divs, nun sind die breiten (siehe untern) immer fest angegeben, die höhe ist jedoch variabel. wenn ich nun in einen div in der mitte etwas hineinschreibe ritscht der text in den ersten div. Hier mal der code:

HTML: 
   <div style="width:911px; margin-left:auto; margin-right:auto;">
    <div style="width:911; background-image:url(content/all.jpg); background-repeat:repeat-y;">
     <div style="width:49; background-image:url(content/side_rand.jpg); background-repeat:repeat-y; float:left;"><br /></div>
     <div style="width:176; background-image:url(content/side.jpg); background-repeat:repeat-y; float:left;">HIER ZUM BEISPIEL WAS EINFÜGEN</div>
     <div style="width:641; background-image:url(content/content.jpg); background-repeat:repeat-y; float:left;">ODER HIER</div>
     <div style="width:45; background-image:url(content/cont_rand.jpg); background-repeat:repeat-y; float:left;"></div>
     <div style="clear:both;"></div>
    </div></div>
Danke im Vorraus

wers1
 
Vermutlich liegt es daran:
Code: 
<div style="width:49;
Bei den Werten musst du stets auch noch eine Einheit dazufügen.
Also 49px
 
super danke, jetzt funktionierts.

aber jetzt hab ich noch ne andere frage:

ich möchte mein Template CMS tauglcih machen und kann deshalb keine grafiken für die navigation nutzen. Nun habe ich vor hinter jedem link eine Art strich nach unten zu machen der möglichst mit dem nächsten div aufschließt oder zumindest annähernd. Habe es jetzt schon mit tiefgestellten griechischen buchstaben versucht die ich bisschen größer und dünn gemacht habe. Ist aber noch nciht das gelbe von Ei. Gibt es ne möglichkeit dass um den Text im Div kein "Rahmen" mehr gezogen wird und ich oben einen kleinen zeileinumbrich mache und unten durch den strich aufschließen lasse? Oder habt ihr sogar ne einfachere idee wie ich das mache?
 
wie bereits gesagt is das schwierig, das template sollte ja cms-ready^^ sein udn das ist mit grafiken schierig.
 
wers1 schrieb:
ich hab eine Seite gemacht, diese Arbeitet mit verschachtelten divs
Zum Vergrößern anklicken....
Schlecht. Du solltest als Basis für eine Webseite immer HTML nutzen, so wie HTML gedacht ist. Das Element <div> dient nur zum Gruppieren mehrerer Elemente, meist zwecks gemeinsamer Formatierung.

Was Du schreibst ist div-Suppe, die semantisch gesehen nicht besser ist, als Tabellenlayout.

Grüße,
-Efchen
 
naja man hat mehr möglichkeiten und ich hab bis jetzt noch von keinem profi gehört dass er das nich so macht wie ich. aber viel wichtige is für mcih jetzt die frage mit dem menü. hab noch keinen plan
 
naja, die mnüpunkte müssen ja flexibel sein udn das sind Grafiken ja nicht. Des weiteren müsste ich ja dann den urheber wieder nerven weil cih nich wieiß wo man sowas umproggen müsste und ichs auch ni kann. ;)
 
Willst du je Link eine andere Grafik verwenden?
Dann kann man das über entsprechende Link-Klassen lösen. Für ein CMS wäre das aber vermutlich in der Tat stets mit einem zusätzlichen Aufwand verbunden.
Das musst du abwägen. Bei einer generellen Lösung wir ein CMS kannst du eben nicht alles individuell regeln, zumindest nicht ohne etwas Zusatzaufwand.

Oder du könntest eine neutrale Grafik nehmen und der Linktext kann individuell eingefügt werden. Dann müsstest du lediglich darauf achten, dass der Text nicht breiter als die Grafik wird.
 
naja ich hab mir jetzt überlegt hinter die grafiken einen buchstaben wie ein großes I zu schrieben, dieses tiefzustellen und bissl größ0er. nur fehlt kmir der befehlt in css dass das div nciht größ0er als die schrift ist sprich das I genau auf den nächsten div aufschließt

wie mach ich das?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben