Box wird umgebrochen

Box wird umgebrochen

Beitragvon realdeath » 04.05.2010, 18:59

Hey, ich habe mal eine Frage.

Ich habe folgenden Code:

Code: Alles auswählen
box {
  color: #ff0000;
  border-width: 2px;
  background-color: #F2F2F2; 
  border-style: solid;
  border-color: red;
  margin: 32px 0px 32px 0px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
padding: 7px 15px 7px 15px;
text-align: center;
font-weight:bold;
}


Hierzu die erste Frage: Die Box, die um den Text gemacht wird soll die gesammte Seite ausfüllen, nicht einfach nur um den Text herum sein, und meine zweite Frage ist, wieso wenn Text umgebrochen wird die Box mitumgebrochen anstatt in der Höhe verändert wird. Hoffe ihr könnt mir da weiterhelfen :D
realdeath
neu hier
 
Beiträge: 2
Registriert: 01.05.2010, 11:23

Re: Box wird umgebrochen

Beitragvon sejuma » 04.05.2010, 21:04

Wenn du den Text ohne Zeilenumbrüche schreibst, dann sollte sich die Box auch auf die gesamte Breite ausdehnen.
Ansonsten gib ihr einen Breitenwert von 100%; ebenso dem body als elternelement.

Die zweite Frage verstehe ich nicht. Am besten psotest du einen Link zur Problemseite.
Bild
sejuma
Vielposter
 
Beiträge: 787
Registriert: 15.07.2009, 17:46

Re: Box wird umgebrochen

Beitragvon realdeath » 05.05.2010, 08:19

realdeath
neu hier
 
Beiträge: 2
Registriert: 01.05.2010, 11:23

Re: Box wird umgebrochen

Beitragvon Laus » 05.05.2010, 10:08

Deine Seite ist kein HTML sonder nur irgend ein Code.
Der Doctype fehlt usw... Du solltest Dir zumindest die Grundlagen von HTML aneignen.
Probiers mal mit diesem Quelltext und sieh dir die Unterschiede zu deinem an.
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">         
<html>
<head>
<title></title>

<style type="text/css">
<!--
#box {
  color: #ff0000;
  border-width: 2px;
  background-color: #F2F2F2;
  border-style: solid;
  border-color: red;
  margin: 32px 0px 32px 0px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
padding: 7px 15px 7px 15px;
text-align: center;
font-weight:bold;
}
=-->
</style>
</head>
<body >
<div id="box" >Hier soll der Rand eigentlich bis ganz nach hinten gehen</div><br><br>
<br><br><div id="box" >Hier genau das selbe, wenn jetzt aber eine neue Zeile kommt,<br><br>soll die Box dementsprechend auch vergrößert werden, was, wie man hier sieht, nicht funktioniert.</div>
</body>
</html>
Lachen ist kein schlechter Anfang und bei weitem das beste Ende.
(Oscar Wilde)
Benutzeravatar
Laus
Moderator
 
Beiträge: 1229
Registriert: 25.02.2006, 00:30
Wohnort: Furth im Wald


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Box wird umgebrochen"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste