Results 1 to 10 of 10

Thread: Is this possible to create in CSS only??

  1. #1
    Junior Registered
    Join Date
    Sep 2005
    Posts
    2

    Is this possible to create in CSS only??

    dear community,

    i am former table user, but want to create this new project in css, or mostly with css, as far as possible.

    i designed a webpage, which, i would say, is even a bit tricky if i would do it with tables. it's very pixeldetailed, i mean with that: it's not flexible...

    please see by yourself:
    www.cokomanie.de/anke/index_long_onelayer.jpg

    this wrapper makes me troubles, also the header on the top, which will be a flashanimation.
    then, the footer and the 2px lines on the left and the right side...
    content should always be centered and scaled-with with the hight of the browser...

    i already did our intranet in css, but this was more flexible and i did it with a very basic 2 margin css-layout.

    can you tell me IF IT'S POSSIBLE to do this design only in css, i am just wondering how to start with, because i find myself thinking in tables...
    i could imagine that a mix between table AND css will be necessary.

    please css-experts, give me a hint how you would start

    thank you so much!!
    anna


    p.s. i know i have to do a lot of exercise in order to do this project in css, but i am willing to learn an doing online-tutorials, but i guess it would take me hours/days until i would find out that this design might be not possible to create in css (sorry for my english)

  2. #2
    Future AstonMartin driver r2d2's Avatar
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,608
    Hello, welcome to the forum!

    Yes it certainly is possible with CSS - the basic layout of the site you link to seems the same as this CSS example. Or perhaps try other designs from here. The designs might look ugly in the examples, but its the CSS behind that is the important bit. E.g. I used the example above for this site.

    Good luck with it.

  3. #3
    yeah that would really be pretty simple to do. All you would need is a header, baground image that repeats along the y axis, and a few floats.

  4. #4
    Website Developer
    Join Date
    Oct 2004
    Posts
    1,607
    The biggest issue you'll have with CSS is making it look the same in IE & firefox -- but you run into the same problem with tables too.

    I always use CSS for formating -- I occasionally use it for some page elements like if I want a box with dashed lines.
    Make more money - Read my Web Publishing Blog

  5. #5
    Quote Originally Posted by Cutter
    The biggest issue you'll have with CSS is making it look the same in IE & firefox -- but you run into the same problem with tables too.

    I always use CSS for formating -- I occasionally use it for some page elements like if I want a box with dashed lines.

    Yeah you're right. Where most go wrong though with making it look the same in IE as it does in Firefox is the broken box model. If you learn that, then you're on your way aside from learning some "IE only" attributes for different situations.

  6. #6
    Junior Registered
    Join Date
    Sep 2005
    Posts
    2
    folks, thanks you so much for your nice and helpful replies, especially the links :-) this is exactly what i need and maybe i post the link here if it's ready ;-)

  7. #7
    Future AstonMartin driver r2d2's Avatar
    Join Date
    Dec 2003
    Location
    UK
    Posts
    1,608
    No problem, but yes, as Deron says, the broken box model is probably the thing to look out for - dont apply widths or heights as well as borders or padding to things.

    Also, it is probably best to develop it using firefox to check the layout - then check it in IE every so often.

  8. #8
    Junior Registered affiliate's Avatar
    Join Date
    Sep 2005
    Posts
    2
    I think this is a great site, I am newbie, please help me, thanks all.

    Affiliate-help-you-rich.com
    http://www.affiliate-help-you-rich.com

  9. #9
    I'm the oogie boogie man! James's Avatar
    Join Date
    Aug 2004
    Location
    Canada
    Posts
    1,566
    dont apply widths or heights as well as borders or padding to things.
    Unless you use Tantek's Box Model Hack (how the hell do these people figure this sort of crap out, eh?)
    which may be ugly, but I prefer it to going through and making everything into margins.

  10. #10
    Quote Originally Posted by James
    Unless you use Tantek's Box Model Hack (how the hell do these people figure this sort of crap out, eh?)
    I have always wondered the same thing. Its like they just sat around one day and said...."hmmmm I think I'll try **)--+//** and see what it does!"

Similar Threads

  1. How To A Create Simple Bookmark
    By iKwak in forum HTML, CSS, Layout, and Design
    Replies: 1
    Last Post: 12-29-2004, 08:58 PM
  2. will 301 redirect create flag in DMOZ
    By LuckyShima in forum General Management Issues
    Replies: 0
    Last Post: 12-08-2004, 09:30 AM
  3. How to create a quicktime .mov clip
    By iKwak in forum General Chat
    Replies: 2
    Last Post: 06-15-2004, 11:48 PM
  4. Create a New Logo (Prize)
    By iKwak in forum The Marketplace
    Replies: 0
    Last Post: 02-03-2004, 04:16 PM
  5. Learning how to create PHP database driven sites online...
    By incka in forum Website Programming & Databases
    Replies: 15
    Last Post: 01-23-2004, 03:18 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •