1 reply [Last post]
YuriY
Offline
newbie
Last seen: 18 years 24 weeks ago
Joined: 2004-04-20
Posts: 3
Points: 0

Hi,

so.... i have problems with divs on Link . The straight left one wont go to the bottom, when i resize page. It looks, like under it, there is some strange blank place, that i cant remove it. the code is:

#zgorajLevo {
position: absolute;
height: 100%;
background-image: url(../images/Druga/desnozadaj.gif);
background-repeat: no-repeat;
height: 100%;
width: 128px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-top-color: #03719B;
border-right-color: #03719B;
border-bottom-color: #03719B;
border-left-color: #03719B; }

And in the upper one, where the eye is, makes window looks weighter than it is. the code is like:

.desnoZgoraj {
background-image: url(../images/Druga/oko_back.gif);
position: relative;
width: 100%;
height: 111px;
left: 129px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #03719B;
border-right-color: #03719B;
border-bottom-color: #03719B;
border-left-color: #03719B;
z-index: 0;
border-bottom-style: solid;
background-repeat: no-repeat;
}

Can any one help me pls... i would be very glad.... this are the only two things, that are bothering me, before i finsh the site...

thx a lot guys, on this forum, i have found all my answers till now!


Jure[/url] Smile

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 18 years 47 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

div "zgorajLevo" wont go to the bottom

For #zgorajLevo I see from your link that you have changed the height from 100% to get a better result.

There is a couple of problems with absolute height and 100% where the div is drawn based on the viewport at the 1st instance and does not resize later.

You have a solution so great.

Word of warning for
#desnoZgoraj {
position: relative;
left: 129px;
}

When you use Left:129px; with position: relative; you are actually offsetting the div but maintaining its space as if it never moved. For your site it does not look like it caused any problems, but it can !!
margin-left: 129px; would have achieved the same thing and not caused any other problems.

Regards
Day

The only way to learn is to do it yourself