Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Tuesday, February 24, 2009

Reasons I Love Andrew

This is a new section of the blog called Reasons I Love Andrew. I will add at least one new thing everyday.

It's still having a bug in Firefox, but I hope to clear that up soon.

Friday, January 9, 2009

Today is very tech heavy (read:nerdy)

This is for all you Internet Explorer fans (and a nice laugh for all the haters).

I don’t know how many of you saw the exploded black blog of yesterday. Obviously if you did, you can see this now and I fixed it. If you didn’t, then I’m betting you either use Explorer or you visited late yesterday afternoon. Here’s the long story.

I made this (the one that you see) design up in Photoshop. I really like it. I think its pretty and vector-y. Since I use only Internet Explorer (IE) at work, that’s what I designed the blogger template in. All fine and dandy. Until, of course, I looked at it in Firefox. I don’t even know why I had to open Firefox. But as soon as I saw the stacked, black, exploded page with really no trace of what it should look like in it, I about had a fit. It had taken me a long time to code the design into blogger. It took me until this afternoon to make Firefox and IE look the same. It didn’t take too awful long to get the Firefox version to look ok. But, and here’s the frustrating part, there still was a 8 or so pixel difference in IE that was throwing the alignment off. When I’d fix it in IE, Firefox would push everything to the right. When I’d fix it in Firefox, IE would push everything to the right. I learned a valuable lesson. IE has no idea how to handle margins and padding correctly. It also will accept and implement crap code (I did it on purpose as a hack). I’ll explain.

I was missing a “}“ initially. IE was like “Whatever” and Firefox was like “Nope. I can’t handle this” so it exploded the page. I found and fixed that fairly easily. Then I was left with the problem of the right column inching itself over 8 pixels. I tried every combination of margin and padding on every div box that I could think of. When one would work, the other wouldn’t. For a while I was over thinking it; adding something more complicated than I needed to (I was adding a div box just to space the columns correctly trying to float it without stacking it. After multiple failed attempts at it, I realized that I could get rid of the dev box, remove padding and margins from another and just make the other wider with the background set to repeat-y). Yay! It was much nicer code. But the problem with Firefox/IE and the 8 pixel drift was still there. This is when I learned the second lesson.

Adding a float:left to the css fixed the drift in IE but created one in Firefox. Getting rid of the float fixed it in Firefox, but messed it up in IE. After trying to figure out a way to have Firefox ignore the float style, I found an interesting tidbit of info. IE is stupid. It ignores errors in code. Firefox is smart. It ignores code with errors. Awesome, I just needed to code something bad enough that Firefox will ignore it but good enough that IE will still recognize it. So, I deliberately messed up on commenting the float out. // instead of /*. Firefox ignored it because it is not a correct command and IE accepted it because it has no idea what it is doing.

With all the money Microsoft has, you’d thing that they would come up with a browser that I can’t trick with a backslash.

Links:

Thursday, January 8, 2009

Surgery

So the doctor finally called me back (it only took two days). It seriously took 3 minutes of the scheduler’s time. Surgery is Thursady. Woot >:( Pre-op is on Monday.

More of my time these last few days was spent creating this look. So I don’t have a lot of content today.

I think I’m sick. I’m supposed to be taking antibiotics. I hope that clears up the cough.

Links:

Friday, September 26, 2008

Pumpkins

This is take one of my decorating for Halloween.

I like the pumpkin. :)

I used pretty much the same css for this as for the palm-tree look. I just changed up the colors, fonts and added a pumpkin.

Wednesday, September 24, 2008

My Second Post

I did it! I know it's not perfect, but I like it. This look required hours and hours of sifting through two very complex css files, a few html files and an xml file that made no sense. Oh, and an entirely unhelpful user interface. I sound smart, right? lol

I got the majority of my css from CSS Zen Garden. It's a cool place that they need to update more often. Then I had to take apart the css that came wiith this blog to make the new css fit. Sheesh, what they make you go through to fully customize your pages!

I'm not as happy with the faded look of the text, but until I learn a little more xml it's going to stay this way.

On another note (I promise I won't be nerding all the time), Andrew, Lauren, Ryan and I went to see Get Smart at the movies last night. It was really funny. There was this one part that I found histerical and throughout the rest of the movie, every time there was a quiet part or a not funny part, it would pop into my head and I'd start cracking up. Lauren started laughing at me. It was so dumb. But worth the 75 cents we paid for it lol. Half-off night at the dollar theater is great. It cost more for a soda at the consession stand than it did for all 4 of us to see the movie.

Favorite parts of Get Smart:

  1. When the chief was having trouble saying the guy's name and Max was correcting him to no avail and quietly he comes off with, "Kris Kringle, fish sticks". I laughed so hard for so long and its so stupid.

  2. "If it was, 'Oh crap! Oh crap! I almost got stabbed in the face by a swordfish!' then yes."

  3. The Rock stapling the paper to the guy's forehead

  4. The fact that the good guys were actually really good shots

  5. The guy that is American Dad and a whole bunch of stuff at Disney



I also like the fact that ryan can park his bike behind our car in a parking spot and still have room.