Anzahl der Beiträge : 18 Alter : 52 Howrse-Login : candys Anmeldedatum : 07.01.08
Thema: Textboxen im rz layout nach oben verrutscht So Aug 14, 2011 7:34 am
Hallo ich habe ein kleines Problem und zwar habe ich mir heute ein RZ layout gecodet und nach dem Speichern bemerkte ich das die textboxen alle um ein gutes stück nach oben gerutscht sind. Woran leigt das? Hier mal der link zu meinem RZ: http://www.howrse.de/centre/fiche?id=5777
<td colspan="3" style="height: 396px;" width="302"><div style="float: left; overflow: auto; width: 280px; height: 172px; position: absolute; top: 227px; left: 27px;"><span style="font-weight: bold;"></span><span style="color: black;"> <br><br> Das Reitzentrum Gyllene Tider ( Goldene Zeiten) liegt im Südwesten von Schweden genauer gesagt in Tylösand / Halmstad. Hier an der Küste habt ihr die möglichkeit ausgedehnte Strandausritte zu machen. Die Trainingsbedingungen sind ebenfalls ideal. Selbstverständlich kann das Reitzentrum jederzeit besucht werden. <br> <br> </span></div> <div style="float: left; overflow: auto; width: 277px; height: 172px; position: absolute; top: 226px; left: 503px;"><span style="font-weight: bold;"></span><span style="color: black;"> <br><br> Zur Zeit verfügen wir über 4 Boxen, die mit Stroh eingestreut sind. Der Einstellpreis liegt bei 12 Equus. Sollten mal keine Boxen frei sein einfach anfragen, es findet sich immer eine lösung.<br> <br> </span></div> <div style="float: left; overflow: auto; width: 277px; height: 172px; position: absolute; top: 432px; left: 280px;"><span style="font-weight: bold;"></span><span style="black;"> <br><br> Wir verfügen im Augenblick über 23 Hektar Weideland und 3 Hektar Brachland auf dem abwechselnd Rüben, Karotten, Hafer und Äpfel angebaut werden. <br> <br> </span></div></td>
</tr>
</tbody> </table>
Das ich nicht gerade begeistert bin könnt ihr euch ja denken. Habe es versucht mit Tabellen zeilen und ohne. Es sieht immer so aus. Wer von euch hat eine Idee, warum das so ist?
Cairlinn Admin
Anzahl der Beiträge : 8928 Alter : 41 Howrse-Login : Cairlinn Anmeldedatum : 06.01.08
Thema: Re: Textboxen im rz layout nach oben verrutscht So Aug 14, 2011 8:03 am
Das liegt am position:absolute. Das geht immer vom nächsthöheren Element mit Positionierung aus. Das ist in diesem Fall das body-Element. So, wie du die Boxen gecodet hast, ist die Tabelle auch vollkommen unnötiger Ballast. Das ist, als hättest du da einen Setzkasten (die Tabelle), und Zettel mit deinem Text (die divs). Aber statt die Zettel in die freien Fächer zu legen, nimmst du eine Stecknadel (das position: absolute; top:123px; left:123px;) und pinnst sie da hin, wo du sie haben willst Was du hier brauchst, ist ein weiteres div, das dir quasi als Pinnwand dient. Dem gibst du das Hintergrundbild und zusätzlich ein position:relative;, damit die linke obere Ecke festgelegt wird. Die ist beim bearbeiten nämlich der Kasten, in dem der Text steht, in der Ansicht dann aber oben über der Breadcrumb-Navigation.
candys Neues Mitglied
Anzahl der Beiträge : 18 Alter : 52 Howrse-Login : candys Anmeldedatum : 07.01.08
Thema: Re: Textboxen im rz layout nach oben verrutscht So Aug 14, 2011 11:16 am
Danke es hat geklappt http://www.howrse.de/centre/fiche?id=5777
Gesponserte Inhalte
Thema: Re: Textboxen im rz layout nach oben verrutscht
So Aug 14, 2011 7:34 am
Was du hier brauchst, ist ein weiteres div, das dir quasi als Pinnwand dient. Dem gibst du das Hintergrundbild und zusätzlich ein position:relative;, damit die linke obere Ecke festgelegt wird. Die ist beim bearbeiten nämlich der Kasten, in dem der Text steht, in der Ansicht dann aber oben über der Breadcrumb-Navigation.