Box breiter machen

[Shekinah]

Hallöchen Ihr Profis!
Ich hoffe Ihr könnt mir helfen. Ich hab hier ne css-Datei. Ich hätte gerne die Box in der der Text auf meiner Page (Nails in Heaven) steht, etwas breiter. Ich habs schon bei "content" versucht, nur leider klappt das nicht.
Hier mal die Ddatei:

#box1 {
background-image: url(../img/bg.gif);
height: 733px;
width: 1000px;
}
a:link{
  color:#9B9B9B;
  background-color:transparent;
  text-decoration: none;
  font-weight: normal;
}
a:visited{
  color:#9B9B9B;
  background-color:transparent;
  text-decoration: none;
  font-weight: normal;
}
a:active{
  color:#000000;
  background-color:transparent;
  font-weight: normal;
}
a:hover{
  color:#E6BEEE;
  text-decoration: underline;
  font-weight: normal;
}
body {
  margin: 0px;
  background-image: url(../img/bg2.gif);
  background-repeat: x-repeat;
  background-color: white;
  font-size: 11px;
  font-family: Arial, Verdana, Tahoma;
  color: #333;
}
#navi {
  position: absolute;
  top: 115px;
  left: 348px;
  width: 480px;
}
#content {
  position: absolute;
  top: 220px;
  left: 230px;
  height: 430px;
  width: 578px;
  padding-left: 15px;
  padding-right: 10px;
}
#footer {
  position: absolute;
  top: 685px;
  left: 230px;
  height: 20px;
  width: 598px;
  font-size: 10px;
  color: #999;
  text-align: right;
}
.navi_link a {
  float: right;
  text-align: center;
  padding-left: 9px;
  padding-right: 9px;
  height: 27px;
  background-image: url(../img/nav_off.gif);
  text-decoration: none;
  color: #000000;
  margin-left: 1px;
  margin-top: 1px;
  padding-top: 5px;
}
.navi_link a:hover {
  float: right;
  text-align: center;
  padding-left: 9px;
  padding-right: 9px;
  height: 27px;
  background-image: url(../img/nav_on.gif);
  text-decoration: none;
  color: white;
  margin-left: 1px;
  margin-top: 1px;
  padding-top: 5px;
}
#footer a {
  color: #999;
  text-decoration: none;
}

was noch zu erwähnen wäre: ich weiß, dass die Box ein Bild ist und ich das einfach breiter machen kann. Aber dann ist der Schriftblock nicht automatisch auch breiter. Der muss also auch breiter werden.
Danke

 

[threadi]

Du musst die Breite von #box1 sowie von dem Element hier

<div style="overflow: auto; width: 578px; height: 430px;">

auf die von dir gewünschten Werte ändern.

 

[Shekinah]

Danke erstmal soweit.
Nur steh ich jetzt voll aufm Schlauch.
Wo steht denn das hier?

<div style="overflow: auto; width: 578px; height: 430px;">

edit: habs gefunden. Ist im Index. Aber das klappt auch nicht. Dann passiert das hier: (hab mal übertriebende px eingegeben, damit man es auch erkentn
(datei anhängen hat nicht geklappt)

 

[prm]

Dein Problem sind die vielen absoluten Positionierungen.
Die heißen so, weil sie meist absolut unnötig sind.
Lass sie weg und positioniere lediglich mit margin und/oder float.
Zentrieren solltest du so: Horizontale Zentrierung mit CSS

 

[Shekinah]

Ich versteh nur Bahnhof.
Ich hab vergesssen zu sagen, dass ich das nicht gecodet hab. Der, der es gemacht hat, machts halt nicht umsonst. Und ich denke eigentlich ist das keine große Sache, sodass ich das mit ein Wenig Hilfe selbst ändern kann.:cry:
Aber damit kann ich leider nichts anfangen. Meinst Du, Du könntest das für mich etwas verständlicher ausdrücken? Wär ganz nett. Danke

 

[prm]

Bei dir sind #content, #navi und #footer absolut positioniert.
Die genaue Position dieser Bereiche hängt somit von der Größe des jeweiligen Bildschirmfensters ab.
Somit kann deine Seite auf verschiedenen Bildschirmen mit unterschiedlicher Fenstergröße auch unterschiedlich aussehen.
Diesen Nachteil kannst du vermeiden, indem du auf absolute Positionierungen verzichtest.

Etwas Hintergrundwissen in HTML und CSS ist dazu allerdings erforderlich.
Für deine Nails-Arbeiten musstest du dir ja auch Kenntnisse aneignen.

 

[Shekinah]

Ja das stimmt. Das musste ich. Dafür hab ich sogar Geld bezahlt. Ist aber kein Vergleich weil das mein Beruf ist und ich damit mein Geld verdiene.
Ein Bisschen Wissen hab ich ja. So ist es ja nicht.

Wenn ich das änder, wird die Page dann nicht tatal verschoeben auf anderen Bildschirmgrößen angezeigt?
Kann ich mir kaum vorstellen, dass das so geändert werden muss, nur um den Textblock etwas breiter zu machen. Aber so weit reichen meine Kenntnisse halt doch nicht.

 

[threadi]

Gerade durch die Verwendung von absolute Positionierung kann eine Webseite bei unterschiedlichen Viewports unterschiedlich aussehen. Der Verzicht auf absolute Positionierung ist die Lösung.

Eine Webseite nimmt btw. auch niemand eine Auflösung ein, nur den Viewport des Browserfensters.

 

[Shekinah]

Hm....ich glaube Du hast meine Anfangsfrage nicht ganz verstanden. Ich möchte den Textblock breiter machen. Nicht die Box in der er geschrieben steht.
Ich hab gerade die Anleitung befolgt und der Text ist immernoch nicht breiter.

 

[Shekinah]

so...habs alleine rausgefunden. Danke:mrgreen: