Back To Website Design Forum

Resolved: ozzu comp question 1 .

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 12th, 2007, 11:21 pm

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 ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 12th, 2007, 11:21 pm

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 13th, 2007, 12:03 am

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 ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post November 13th, 2007, 3:48 am

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

Looks good so far! :thumbsup:
- dM
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 13th, 2007, 3:57 am

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!
Let's leave all our *plum* where it is and go live in the jungle ...
  • routhu
  • Beginner
  • Beginner
  • User avatar
  • Joined: Feb 28, 2007
  • Posts: 47
  • Loc: India
  • Status: Offline

Post November 13th, 2007, 5:43 am

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
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 13th, 2007, 7:16 am

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 ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post November 13th, 2007, 11:37 am

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....
phoenix web design
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 13th, 2007, 11:40 am

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 ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post November 13th, 2007, 11:51 am

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?
phoenix web design
  • RedBMedia
  • Proficient
  • Proficient
  • User avatar
  • Joined: May 01, 2007
  • Posts: 315
  • Status: Offline

Post November 13th, 2007, 1:12 pm

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?
Joe Hall
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 13th, 2007, 9:11 pm

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 ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post November 13th, 2007, 9:38 pm

I wish I had photoshop to create some banner, but I'm the unfortunate one with this :) anyway... I'll come up with something :)
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 13th, 2007, 9:40 pm

If you tell me what you want I can do it for you tonight ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Joined: Sep 22, 2003
  • Posts: 6130
  • Loc: Seattle, WA
  • Status: Offline

Post November 13th, 2007, 10:04 pm

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
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 13th, 2007, 10:17 pm

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 ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 13th, 2007, 10:17 pm

1, 2

Post Information

  • Total Posts in this topic: 22 posts
  • Users browsing this forum: No registered users and 67 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.