WordPress.org

Ready to get started?Download WordPress

Forums

More CSS help for Gemini (6 posts)

  1. joand
    Member
    Posted 9 years ago #

    I am just getting started with WordPress. I am quite used to CSS formatting - however I have always used it within tables. The Gemini template seemed to provide the starting point I was looking for. Everything is looking "fine and dandy" in IE6 - but in Netscape and Mozilla the nav section is insisting on being about 125px instead of 175px. The URL is: http://in-formation-design.com/wp/
    Any ideas as to what I have botched up? I read that there were problems interpreting padding and borders in IE5.5 - but IE 6 is fine - it is the other browser that are giving me a problem.
    Joan

  2. Root
    Member
    Posted 9 years ago #

    Yes you have altered the width and borked the layout. If you would like some help do please contact me by email at blog at atthe404 dot com. HTH.

  3. Joni
    Member
    Posted 9 years ago #

    Okay, now you have my attention. Root, I see that Joan's design structure (top banner, content and menubar in the middle and footer, are a lot like what I've done with tables. Hmm. I'm going to tempt the fates by trying to rework my templates using the Gemini design. Hope you're not too mad to help if I post a question here about it. As I've always been upfront about saying, I know about as much about PHP as I do about brain surgery. (Hint: I'm not a brain surgeon and I don't play one on TV!)
    Joni ;-)

  4. joand
    Member
    Posted 9 years ago #

    I don't think it is PHP you need to know about in this case - it is CSS (and I am thinking about going back to tables!!)
    I thought that someone else here might have already been there and done that and could offer some advice. I wanted a narrower layout than the 772px in the original Gemini template - so that the content would be in the center of an 800 x 600 screen, so I reduced it to 700px and the content div, floating left, to 510 and the nav div, floating right, to 175. Is there a reason that the rap would have to be 772px specifically? Having gotten into this, I started to read about floats - they do not seem to have to be any particular size.
    Joan

  5. Mark (podz)
    Support Maven
    Posted 9 years ago #

    The original template measures 772
    content 591, nav 175 = 766 and the other 6 px are for borders.
    If you want to alter the width by altering #rap, everything should still add up to what the #rap is, and borders must be included too.

  6. joand
    Member
    Posted 9 years ago #

    Hi podz, thanks. I am also trying to use your tutorial to make a border around the nav sections - that is the only border I have - I have correspondingly made the menu float larger - but still no go in the non-IE browsers. I have various margins and paddings - it seems to me that they must be acting differently within the float in different browsers. When I get a chance, I will try again from the beginning and see if I can figure out where it goes wrong.
    Joan

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.