Sun, 2013-10-20 21:08
Hey,
I have some knowledge on html&css and already built couple of sites with joomla/wordpress however i never created a site by coding from scratch. I did a fix width site and i cant understand some simple things, like;
1- Cant figure out why container having a gap above?
2- When i inspect the site with google chrome, cant see the header block. I have 2 floated items in header. Should i define a height? if yes, why height is not automatically defined by its children element's height?
3- i have 3 floated "featured" items below slider however in the google inspect still they are not included into main div? why?
And i would appreciate your comments on the code, like;
- i would position this element instead like...
- this doesnt make an effect, use this instead..
- shortening the code or easier way to layout what i did...
tia
burak
website: http://www.bakpinar.com
Sun, 2013-10-20 23:20
#1
Hi turco, Here's some quite
Hi turco,
Here's some quite random thoughts that may fix and help you understand the issues, let me know how it goes.
A good practice to follow is validation
It is quite common to add the following to stylesheets:
html, body{ margin:0; padding:0; }
Read up on clearfix specially check out Gary near the bottom of the page.
Mon, 2013-10-21 08:00
#2
Hi Tony,i already gave *
Hi Tony,
i already gave * {margin: 0; padding: 0;} but anyways, the problem was with the google fonts import code in the <head> section. I changed it with <link> style and voila problem solved 
I will check the clearfix and let you know my thought, thanks for the quick response
cheers
burak
Mon, 2013-10-21 09:14
#3
Ok issue solved i used
Ok issue solved
i used overflow: auto; to both header and main divs and problem solved. Thx alot, it takes sometime for me to understand. There are alot of values to remember
btw i suggest these sites as well for understanding on layouts