Loading ...Archive for February 17th, 2005
kawaiiness’ layout
February 17th, 2005
wee i had so much fun coding for rellie’s layout. my first time to use a few new css tricks. the layout as you can see is coded in tableless css with valid xhtml 1.0 strict and css. the content is always centered.
for the links that look like image map, i used this css image map trick. it worked well tho a little tedious to write. wonder if they are going to build softwares to create that kind of code?
and then i also learned a cool IE hack. sometimes the same css code looks different in IE than other browsers. if you want to get different display results in different browsers, you can do something like this:
/* google ad */
#googlead {
text-decoration: none;
position: relative;
top: 76px;
left: 273px;
width: 468px;
height: 60px;
}
/* only IE reads this */
* html body #googlead {
top:78px;
}
this particular code makes the google ad shown at 78 pixels from the top in IE but 76 pixels in other browser. kinda cool?
i also found that border-color: transparent does not work in IE. the border will be displayed in black. i haven’t found a way around that yet. if you know, please share 
one thing i did today that i’ve never done before is take into consideration how the page would look without css. that’s why if you take the css out, it still looks ok and no content has been lost
after this experience, i feel much more confident writing new css layout.
