loona24 Posted May 26, 2014 Share Posted May 26, 2014 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 More sharing options...
dsonesuk Posted May 26, 2014 Share Posted May 26, 2014 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 More sharing options...
loona24 Posted May 26, 2014 Author Share Posted May 26, 2014 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 Link to comment Share on other sites More sharing options...
dsonesuk Posted May 26, 2014 Share Posted May 26, 2014 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/ Link to comment Share on other sites More sharing options...
loona24 Posted May 26, 2014 Author Share Posted May 26, 2014 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 Link to comment Share on other sites More sharing options...
dsonesuk Posted May 27, 2014 Share Posted May 27, 2014 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 More sharing options...
loona24 Posted May 27, 2014 Author Share Posted May 27, 2014 (edited) 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 Link to comment Share on other sites More sharing options...
dsonesuk Posted May 27, 2014 Share Posted May 27, 2014 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 More sharing options...
loona24 Posted May 27, 2014 Author Share Posted May 27, 2014 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 Link to comment Share on other sites More sharing options...
dsonesuk Posted May 27, 2014 Share Posted May 27, 2014 (edited) 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 Link to comment Share on other sites More sharing options...
loona24 Posted May 27, 2014 Author Share Posted May 27, 2014 (edited) 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 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now