Resolved: ozzu comp question 1 .

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

This is my first question regarding the Ozzu CSS competition ... this is my design so far ... now view this in FF or IE7, and then in IE6 ... you'll see that the 'header.gif' image is not right at the top, even though it's supposed to be, and there is a grey gap below the image, where is this coming from??

here is the CSS aswell ...
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

an update on what I've found ... it seems as if the two divs ("headerTop" and "headerBottom") are taking up vertical space even though their heights have been set to 0px ... and thus it's pushing the "ozzuLogo" div down by 16px ...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

If I remember correctly, IE6 doesn't consider anything empty and leaves space assuming there will be content there.

Looks good so far! :thumbsup:
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

that sucks ... and I can see that it's true ... I've tried heaps of stuff, and nothing seems to remove that gap ... back to the drawing board ... lol ... Woot!
  • routhu
  • Beginner
  • Beginner
  • User avatar
  • Posts: 47
  • Loc: India

Post 3+ Months Ago

Use the container <body><div id="container"> your code </div> </body>

Code: [ Select ]
<style>
#container {
    position : relative;
    margin : 0 auto;
    width : 980px;
    visibility : visible;
}
</style>
  1. <style>
  2. #container {
  3.     position : relative;
  4.     margin : 0 auto;
  5.     width : 980px;
  6.     visibility : visible;
  7. }
  8. </style>
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

I can't do that ... this is a competition to redo ozzu's theme, and I can only alter the CSS ... I can't add anything to the HTML ...
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

The competition only requires that it work in IE7, not IE6, but I can see where you'd want it to work everywhere. Stupid IE6....
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

lol ... I really dispise that thing ... at least I got the rest of the layout sorta going in all now ... I think it's gonna be pretty cool ... check it out ... (not in IE6 ofcourse) ...

I think I'm just going to slice the image up into top, middle and bottom pieces so that it works like that ...
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

It looks awesome so far, by the way, that logo looks great! Did you get a copy of the image somehow or did you just take a screen print and work from that?
  • RedBMedia
  • Proficient
  • Proficient
  • User avatar
  • Posts: 315

Post 3+ Months Ago

jameson5555 wrote:
It looks awesome so far, by the way, that logo looks great! Did you get a copy of the image somehow or did you just take a screen print and work from that?


I have been wondering the same thing. where can i get a copy of the logo with out any styling or rendering? something just in black and white?
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

I took a print screen, and then I used Photoshop's pen tool to trace it and then I made a selection from that path ... Added some layer styles etc and then just added a simple stroke to it to finish it off ...
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

I wish I had photoshop to create some banner, but I'm the unfortunate one with this :) anyway... I'll come up with something :)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

If you tell me what you want I can do it for you tonight ...
  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Posts: 6249
  • Loc: Seattle, WA

Post 3+ Months Ago

Bogey wrote:
I wish I had photoshop to create some banner, but I'm the unfortunate one with this :) anyway... I'll come up with something :)

http://www.gimp.org
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

All right, anyway, I sorted out the issues in IE6 by just cutting up the header image into a few pices (3 to be exact) and putting them in those 3 different divs ... Woot!

Marked Resolved ...
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Posts: 575
  • Loc: Phoenix, AZ

Post 3+ Months Ago

righteous_trespasser wrote:
I took a print screen, and then I used Photoshop's pen tool to trace it and then I made a selection from that path ... Added some layer styles etc and then just added a simple stroke to it to finish it off ...


I knew it!

Thanks for struggling through all these issues so I don't have to later :wink:

Man am I glad this contest is open until the end of the year...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

If anyone is interested, I once made a vector version of the dragon. I haven't looked at it in a while, but you're all welcome to it.

http://www.chriscarney.com/cleanMe/ozzuDragon.eps

//Please repost any updates you make to it, so others can benefit.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

OMG... I have to make something really cool to beat that ...
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

Fabinator wrote:
OMG... I have to make something really cool to beat that ...


:) :lol:

BTW: What program can open that? Would GIMP open it?
  • RedBMedia
  • Proficient
  • Proficient
  • User avatar
  • Posts: 315

Post 3+ Months Ago

digitalMedia wrote:
If anyone is interested, I once made a vector version of the dragon. I haven't looked at it in a while, but you're all welcome to it.

http://www.chriscarney.com/cleanMe/ozzuDragon.eps

//Please repost any updates you make to it, so others can benefit.


thanks, this is what i have been looking for.
  • Fabinator
  • Proficient
  • Proficient
  • Fabinator
  • Posts: 467

Post 3+ Months Ago

Bogey wrote:
Fabinator wrote:
OMG... I have to make something really cool to beat that ...


:) :lol:

BTW: What program can open that? Would GIMP open it?


If it doens't, use this to convert it to png or whatever.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8388
  • Loc: USA

Post 3+ Months Ago

Fabinator wrote:
Bogey wrote:
Fabinator wrote:
OMG... I have to make something really cool to beat that ...


:) :lol:

BTW: What program can open that? Would GIMP open it?


If it doens't, use this to convert it to png or whatever.


AWESOME! Thanks :)

Post Information

  • Total Posts in this topic: 22 posts
  • Users browsing this forum: No registered users and 93 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.