stevengreen22 Posted April 12, 2011 Share Posted April 12, 2011 Ello. I have a gap that looks no bigger than 1px wide in between two divs(a nav bar runing across the top of the screen) I've started to learn css, usong two divs both at 50% one floated left, the pther to the roght, one has a hover menu the otehr a php inc checkuserlog. I was advs to change the doctype and inclue a reset css. Have done both but still that irritating gap is still there. its only when the screen is resized to certain widths as well. if you resize slowly you can see it 'popping' in and out. Any suggestions. I've prob designed the menu wrong and should maybe just use one div, but if i wanted 2, how would i solve this? Quote Link to comment Share on other sites More sharing options...
stevengreen22 Posted April 12, 2011 Author Share Posted April 12, 2011 worth mentioning that it doens;t show up in firefox no matter hwo the screen is resized but it does in ie and chrome, i guess safari too due to chrome not liking it. Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted April 12, 2011 Share Posted April 12, 2011 In order to help you, please post a link to the site your refering to, not everyone knows it here. Quote Link to comment Share on other sites More sharing options...
stevengreen22 Posted April 12, 2011 Author Share Posted April 12, 2011 soz, figured everyone knew the tragedy by now... www.webdesignprofessionals.co.uk I used a reset on all other pages except the index, it threw the margins out. but...it's just testing as you knwo it's going to be changed anyway. Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted April 12, 2011 Share Posted April 12, 2011 i don't see that gap really, what browser / version are you using? Quote Link to comment Share on other sites More sharing options...
stevengreen22 Posted April 12, 2011 Author Share Posted April 12, 2011 odd, it showed up on the oc's where i study too. they use ie, not sure of version. not the most recent thats fir sure, doubt they've been upgraded for a while. I've tested on chrome, newest release. I mainly use firefox and it looks fine. [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted April 12, 2011 Share Posted April 12, 2011 well it could be that bthey use IE7 or even worse. in that case, you can try to give the div a width of 49.5% or something. If you use float left on both nooone wil notice. but use conditional comments for this so all decent browser don't get affected. Quote Link to comment Share on other sites More sharing options...
stevengreen22 Posted April 12, 2011 Author Share Posted April 12, 2011 Legned! 49.5 fixed it. I'm having a little experiment with adding colums and so on. good times. thanks again for solving the issue. (site will have a 'thanks' page, you're top of list for sure.) Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted April 13, 2011 Share Posted April 13, 2011 if your experimenting, clean the lab, and ditch all tables. you clear and floats for your framework. or us ea grid system to do that for you. th yui or 960grid seems to be very nice if you want a out of the box solution. Quote Link to comment Share on other sites More sharing options...
stevengreen22 Posted April 13, 2011 Author Share Posted April 13, 2011 yup, have created a new folder that I'm experimenting in, just divs and no tables. I had a look at that 960, looks good but I think I'd rather do it myself and lern the hard way, otherwise all i'l learn is how to use a website, I did test it though just to see the code that was output. was interesting. Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted April 13, 2011 Share Posted April 13, 2011 Well, if you looked at it you can see the logic, in the grid system. efficiency and an understandable framework is the key. You don't have to use it of course, but ones you see what they do you understand that most layouts can bee achieved with just some floats and clears. Quote Link to comment Share on other sites More sharing options...
stevengreen22 Posted April 13, 2011 Author Share Posted April 13, 2011 You're right of course, the logic there is clear, but...its looks a little over the top. might just be the way they've seperated everything or maybe I'm looking at it comopleley wrong but it looks like theres ..too much. I thought...you'd have each of the containers so to speaker, header, menu content etc and then within them the other containers and then they would have the apdding and so on. This seems to have everythign seperate but maybe it's liek that to make it easier to read...although theres a fair bit of it. 1529 lines for the css (minus a few for extra lines) I like that other tutorial more, the layout for that makes more sense to me. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.