Problem s pucanjem web-stranice

napravim paste malo duzeg texta i umjesto da se stranica produzi desava se ovo (vidi sliku)

pitanje, kako da stranica ostane u komadu?

neradi se o nekom posebnom textu, nego jednostavno je dugacak..

bilo bi savrseno kada bi mogao produziti background texta, sto mi nije jasno kako jer nije background slika nego background color..

EDIT rijesio sam teko da sam u style.css promjenio sljedeci dio koda, tj sa 450 stavio 600 pixela.

#content {

height:600px;

background:#000

}

Medutim tako mjenjam duzinu svih stranica, a kako da promjenim duzinu samo jedne?

kako mislis nestao background ? sto vise nije crni backgroun ?

drnde najjednostavnije evo ti cijeli css style, nije ni tako dug.

i dali se moze napravit neki minimum duzine stranice? a maximum auto?

jer auto je efikasno rijesio problem kod dugih tekstova ali kod kratkih izgleda uzasno.

body {
    text-align:center;
}
a {
    text-decoration:none;
    color:#FFFAF0
}
a:hover {
    text-decoration: underline;
}
#wrap {
    width:800px;
    text-align:left;
    margin:0 auto;
}
.float-l {
    float:left
}
.folat-r {
    float:right
}
.clearfix {
    clear:both
}
/* header */
#header {
    height:181px;
    background:url(images/hd.gif);
    position:relative
}
#nav {
    position:absolute;
    top:114px;
    right:39px;
    width: 318px;
}
ul#nav {
}
ul#nav li {
    display:inline;
}
ul#nav a {
    color:#FFFFFF;
    line-height:43px;
    padding:0 10px;
    border-right:#FFFFFF 1px solid;
}
ul#nav .last a {
    border:none
}
#logo {
    position:absolute;
    top:40px;
    left:100px
}
#logo h1 {
    display:inline
}
#logo h1 {
    font-size:34px;
    color:#000
}
#logo span {
    font-size:16px;
}
/* content */
#content {
    height:auto;
    background:#000000;
}
#content .left {
    width:430px;
    padding:0 30px;
    color:#FFFFFF
}
#content .left h2 {
    color:#709fc5;
    font-size:34px;
    padding:20px 0
}
#content .left img {
    padding-right:20px
}
#content .left a {
    color:#b7d2e3
}
#content .right {
    width:300px;
}
#top, #bm {
    width:173px;
    margin:0 auto;
    margin-top:30px;
    padding:0 35px
}
#side h2 {
    font-size:24px;
    color:#709fc5;
    padding:20px 0 13px 0
}
#side li {
    line-height:20px
}
/* footer */

#footer {
    clear:both;
    background: url(images/footer.gif);
    height:170px;
    color: #fff;
    position:relative;
}
.ft {
    position: absolute;
    top:100px;
    left:58px;
    width: 0px;
}
#xhtml {
    position: absolute;
    top:149px;
    left:492px;
    width: 307px;
}

napravio samo tako da sam u dreamweaver kliknuo na page propreties i stavio background crni medutim to sada poprilicno uzasno izgleda.

Samo jos za #content dodaj min-height property, jos sam ti i prije napisao...

To ne radi za IE6,5 pa ces se trebati posluziti nekim hackom....

IE6 i crne ovce prije njega su posebni jer automatski mijenjaju visinu elementa da bi se prilagodio

tekstu iako se eksplicitno zada height.

Jedan moguc nacin bi bio tzv. star hack pa mozes u css dodati ovo:

* html #content {

height: 450px;

}

I sve bi trebalo raditi, drugi browseri osim IE6,5 ignoriraju ovo pa nece biti problema.

Jesi siguran da ne radi? U dreamweaver-u ti nece prikazati tj. nece resizati #content na minimalnu velicinu,

to se tek vidi kad pokrenes stranicu u nekom browseru.

Ako stvarno ne radi, mozes negdje uploadati zipanu stranicu pa da pogledam... mozda imas nekih problema

s html-om.