Jump to content

Urgent help fill in the background to div


loona24
 Share

Recommended Posts

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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,

Link to comment
Share on other sites

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 by loona24
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 by loona24
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...