Coming Back - Web Design
- Started
- Last post
- 10 Responses
- ********
So I have decided to come back to web design after a 5 year brake. I have been learning Div, and CSS layout at the moment, but for the first three days I just could not get my head around how Div work for layout, but after 2 weeks of playing around with different layout I think I am getting the hang of it.
I still have some question.
1: Am I right in thinking when you do the structure for the site, wrapper, head, side bar, and so on it best to use the * to zero all of the padding and margins, and then use margin to structure the element inside the div.
2: Am I right in thinking absolute positioning does not get used in layouts mush.
3: Do you have any tip to deal with internet explorer 6 which still seem to have a mind of it's own after all these years, you would have thought Microsoft would have sorted this crap browser out by now.
- Nairn0
Depends on the type of sites you're planning on doing, but if I were you I'd consider looking into CSS frameworks, such as blueprint. http://code.google.com/p/bluepri… . Sounds like a good time to press the knowledge rest button.
- I like 960 grid as well as the google one.
http://960.gs/
D_Dot - Nice, thanks!Nairn
- I like 960 grid as well as the google one.
- D_Dot0
1) Yes reset CSS. http://developer.yahoo.com/yui/3…
2) I use it, so not too sure. It's all "relative" (bad pun)
3) Many fixes/hacks can be found for each new problem, but after trying for a few days and still not getting it... resort to tables :)
- #3 addition tables and a dedicated IE 6 style sheet.D_Dot
- D_Dot0
Great little article on using the 960 grid system for CSS
- kerus0
I've been able to pretty much abandon my ie6fixes.css just by coding smarter
- agree the only 'hack' i use is !importanttrooperbill
- +1********
- WeLoveNoise0
templatemonster
- Jaline0
1: I am using * to reset everything because it makes it more likely that your code will be consistent across various browsers. Firefox, for example, seems to put extra padding or margin around certain divs, and I had to resort to using negative numbers in my CSS. This doesn't make the site look consistent in different browsers, of course, so I started using *
2: I still use absolute positioning when I need to, such as if I want the navigation of a page to remain in the same spot while the rest of the content scrolls. For this to work, you would also have to add:
position:fixed !important;
3: Search Google. You can find whatever specific fix you are looking for that way. Make sure to view the web site in as many browsers as you can and then look around for solutions to any problems you may see right away.
- 7point340
display: inline; on floated divs will save your life in IE6
thank me later
- ********0
All good info here, cheers everyone.