• 0

[CSS] Layout problem


Question

Hi everyone,

I'm working on a new design for a site and have decided to go with a 3 column layout.

There's a header, a footer, and in the middle 3 columns - 2 fixed and the centre one is fluid.

However, I'd like to use a little fade graphic down the side of the design on either side. I've tried and tried but can't make it work. I have also tried putting an extra column in on either side, but it threw the 2 static columns out.

The closest I have got is to put everything in the middle of a three column table, with my fade image as the background on columns 1 and 3. Worked ok in IE, but not Firefox - I'd rather not use tables at all.

Any help is much appreciated with this. I'd love to keep the dynamic width, but still have the fade image down either side. It's 24px wide and fades from dark on the edge of the site to the background colour.

Thanks very much in advance! :)

James B

Link to comment
https://www.neowin.net/forum/topic/349957-css-layout-problem/
Share on other sites

2 answers to this question

Recommended Posts

  • 0

could you link to what you have so far?

Have you tried putting your 3 column content blocks within a single block? Then the formatting of your 3 content blocks can all be relative to their container and it may be easier then to change the dimensions of the container rather then messing with each content block individually. Then for each content block you can focus on background and layout.

I always have problems with my CSS layout, myself. I usually browse around until I see a layout that I like and then just see how they implemented the layout in their CSS file. CSS Zen Garden is a good start.

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • The best thing would be to just allow more options to let users pick the layout they like, it doesn't matter at this point really and it's not that hard to do as evidenced but all the 3rd party menus/tools that let you change it in lots of different ways. If you give the users more options they'll be happy, take them away and you have a problem.
    • They could've done that the very next day or from the start but when Win11 came out, the MSN team was still rooted in the OS division and pushing for it's hooks into everything. That's why we have recommended and all the MSN feed stuff in the widget panel which you also couldn't turn off at the start. Now that they've been pushed out, last I checked, all this MSN/web feed junk is finally getting the option to be turned off. tl/dr, it's not about coding ability, it's just dumb business decisions.
    • The headline doesn't fit the article. Sure the headline is more enticing probably, but come on, man. Keep it real, if you can help it.
    • The console sales don't mean much like they used to. Sony tells you this themselves but you seem to miss it. They care more about MAUs and how many people they can milk each month than x number of consoles sold, often to the more casual COD, Madden or FiFA gamers who play little else. Sony can't seem to port their games to the PC fast enough because they're not getting enough out of that 75 million console sales it seems. The traditional home console market has stagnated already, everyone knows it.
    • That is fair, I meant the comment somewhat whimsically and as such was a bit careless with the facts. Had I said either 2 or 4 that would be more defensible. SpaceX's Starship crashed 2 times during hop tests and 2 additional hop-test failures that while not exactly a "crash," still resulted in the total destruction of the test vehicle. Even in that example, it would still be fair for you to point out that Starship is a significantly more complex test vehicle and that SpaceX never crashed a simple rocket hop-test like this one. I already admitted that I could have been clearer, but I also don't think it unreasonable to use the word "it" when referring to the subject of the article I am commenting on. I feel like it is an outlying read of my words to assume "it" meant SpaceX's total success. Like I said, I accept responsibility for the ambiguity.
  • Recent Achievements

    • Week One Done
      slackerzz earned a badge
      Week One Done
    • Week One Done
      vivetool earned a badge
      Week One Done
    • Reacting Well
      pnajbar earned a badge
      Reacting Well
    • Week One Done
      TBithoney earned a badge
      Week One Done
    • First Post
      xuxlix earned a badge
      First Post
  • Popular Contributors

    1. 1
      +primortal
      681
    2. 2
      ATLien_0
      285
    3. 3
      Michael Scrip
      225
    4. 4
      +FloatingFatMan
      197
    5. 5
      Steven P.
      136
  • Tell a friend

    Love Neowin? Tell a friend!