/    Sign up×
Community /Pin to ProfileBookmark

First tabless design – floats/repeating images?

Copy linkTweet thisAlerts:
Mar 27.2006

Hi all, I hope this isn’t too general of a request. I am working on my first completely tabless design and can’t seem to get the final piece into place. I have the file uploaded to a test folder and it can be seen at [url]http://runninghorses.net/working/new-layout/floattest.html[/url] … Basically, I’m trying to get the main part of the page (content area – seen with the Lorem ipsum) to be continued along the same margins as the two images seen there. In other words, the left and right “border” images should be repeated for however much content is in that area – 100% to the bottom. I hope that make sense. If anybody can help me figure out a way to repeate those images without having to use a table, I’d appreciate it! Thanks!

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@ray326Mar 27.2006 — Maybe these will give you some ideas.<i>
</i>#container {
width: 95%;
margin: 0px;
background: url(new-layout_14.jpg) repeat-y;
}

#content {
margin: 0 40px;
}
Copy linkTweet thisAlerts:
@lilqhgalauthorMar 27.2006 — That worked alright for the left side. Now how would I accomplish both that AND the right side at the same time?
Copy linkTweet thisAlerts:
@lilqhgalauthorMar 27.2006 — Well I figured something out (doing tons of searching on the web) and I have my "columns" fixed and tiled.... as you can see by the same above link (reload). However, now I can't seem to get my content area to "fill" the width of the screen. I know I have to get the combination of colums right, but I just can't seem to do it....
Copy linkTweet thisAlerts:
@KDLAMar 27.2006 — Are you wanting three columns or two?

If it's just two...

  • - figure out a percentage width for the left column; apply this to your div

  • - subtract this from 100, and set your content div to this percentage (Right now, you've got your content div set up for 34%.)


    • This way, no matter what the screen resolution, the screen will be filled.


    KDLA
    Copy linkTweet thisAlerts:
    @lilqhgalauthorMar 27.2006 — Thanks gang! I think I have it now! w00t!
    Copy linkTweet thisAlerts:
    @WebJoelMar 27.2006 — That is some seriously compatibility-conscious coding you have there! ? But then, my heroes have always been cowboys, as the song goes.

    Nicely done!
    Copy linkTweet thisAlerts:
    @lilqhgalauthorMar 27.2006 — hey Joel, thanks! ? I'm trying to get more into css only layouts, as they've always scared me. I was forever stuck in the table-to-align-everything mode.
    ×

    Success!

    Help @lilqhgal spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.19,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...