Urgent help fill in the background to div

[loona24]

Hello!

On apdiv7 the div on the right does not fill me all the background has some thin on the right side left without background

(see picture) http://www.upf.co.il/file/421460802.html If I add 2px then he lowers it down

(see picture) http://www.upf.co.il/file/117579264.html

I want that the page to look good also dreamweaver software and browsers what to do?

Sends the code file http://jsfiddle.net/6VwNU/

Thank galia

[dsonesuk]

apdiv6

(1) Move below apdiv7.

(2) remove width

(3) add overflow: auto;

 

apdiv7

(1) amend float: left to float: right;

 

instead trying to get every element exact width, get main 2, and let middle adjust to width that is left, borders, margins/padding will affect true width available.

[loona24]

hello!

how can it done without width i tried to do like you say and it look like that is that what you mean what to do?

sending files

http://www.upf.co.il/file/629910611.html

http://jsfiddle.net/SUgm3/

tanks galia

[dsonesuk]

IF you are going to use jsfiddle use it correctly, why do think there are panels for html, css and javascript.

you don't use html, head or meta tags, as it warns you.

 

http://jsfiddle.net/SUgm3/1/

[loona24]

hello!

now it look good after saving but on dreamwaver is not what to do and what about the width of apdiv6 ?

sending files

http://jsfiddle.net/2yZDs/

http://www.upf.co.il/file/746790535.html

thanks galia

[dsonesuk]

IF you mean in dreamweaver it does not show the correct result, well it does not always, that is why you should view it in a proper browser and not rely on dreamweaver view.

 

what about the width of apdiv6? it does not matter when you set the width on the other two outer elements, what space that is left is taken up by apdiv6, if you want it wider reduce the width of the outer elements,

[loona24]

hello!

i mean It does not look good in the part of the design i whant to look like after the saving if I understand correctly I need to make the width wider of apdiv6 and expand to fill the width in apdiv1 and apdiv 7 tell me if it's correct and what to do?

tanks galia

Edited May 27, 2014 by loona24

[dsonesuk]

Whaaaaat? THE WIDTH OF apdiv6 is determined by the leftover width left by apdiv1 and apdiv 7 fitting in parent element width.

 

width of parent 960px;

width of apdiv1 300px

width of apdiv7 300px

 

960 - 300 - 300 = 360

 

so apdiv6 will automatically adjust to 360px without you having to add a fixed width.

 

This does not take in account the size of borders, margins/padding which would affect the 360px end result.

 

Just don't know what you mean by 'expand to fill the width in apdiv1 and apdiv 7'

 

The gap on right was caused by you floating everthing left and not have exact width to include size of borders, margins/padding which for older IE browser is a problem cause MS does not follow the same rulles as the other better browsers.

By forcing right column right you remove any chance of gap showing, that leaves with filling the middle with automatically adjusting width so no gaps are left at all whatever borders, padding and margins are used.

[loona24]

hello!

I mean if i had to lower the width of apdiv1+apdiv7 and add to apdiv 6 more width (exact size)

and now my apdiv1 is 480px and apdiv7 us 365px Should i lower it or it automatically?

thanks galia

[dsonesuk]

Look! just lower or higher width of apdiv1 and apdiv7, (I really don't care anymore, I'm seriously fed up going over the same thing) until apdiv6 is the required width.

Edited May 27, 2014 by dsonesuk

[loona24]

hello!

sorry what can i say it bother me that-dreamwver looks like that

it's site project that i have to present of my course

(see picture)

http://www.upf.co.il/file/727326299.html

so i retrieve the width and I added 2px it looks good in explorer and crome does not good

is it good what i did and if not what to do

(see picture)

http://www.upf.co.il/file/584260343.html

the code now

 

http://jsfiddle.net/2yZDs/2/

thanks galia

Edited May 28, 2014 by loona24