SitePoint Sponsor

User Tag List

Results 1 to 9 of 9

Thread: CSS layout

  1. #1
    SitePoint Member
    Join Date
    Mar 2002
    Location
    Grimsby
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS layout

    Take a look at this site:

    http://netdistortion.com/index.php

    I want to have the same effect were teh top and bottom are touching at the moment in my design there is a small gap at the top and the bottom finishes after the last bit of content. How is the touching effect achieved?

    Thanks in advance.

  2. #2
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmmm...all i get is a "go away" message.
    not very helpful...
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  3. #3
    SitePoint Member
    Join Date
    Mar 2002
    Location
    Grimsby
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmm i did but just checked it and it seems to be back again now, don't understand why it did that.

  4. #4
    SitePoint Enthusiast Damage's Avatar
    Join Date
    Apr 2001
    Posts
    97
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    LOL. That's my site. Sorry about the Go Away message. I was messing with some PHP IP banning code. Just preventing people from work from viewing my site and I messed up the code so it displayed all the time.


    The effect you want is done via margins.

    body {
    margin: 0px;
    }
    Web Analytics Traffic Web Analytics | Traffic

    Past: Google Webmaster
    Current: Google Analytics Certified Implementation Specialist

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Opera uses padding for it's screen border so you'll have to use padding: 0px; as well .

    e.g.

    body {
    margin: 0px;
    padding: 0px;
    }

    Paul

  6. #6
    SitePoint Enthusiast Damage's Avatar
    Join Date
    Apr 2001
    Posts
    97
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B
    Opera uses padding for it's screen border so you'll have to use padding: 0px; as well .

    e.g.

    body {
    margin: 0px;
    padding: 0px;
    }

    Paul
    How's my site look in Opera?
    Web Analytics Traffic Web Analytics | Traffic

    Past: Google Webmaster
    Current: Google Analytics Certified Implementation Specialist

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Damage
    How's my site look in Opera? images/smilies/smile.gif
    Not too bad in Opera 6.03.

    The top and bottom of the main centre column does not reach the top and bottom of the screen so that the coloured background shows across the top and bottom for a few pixels (not a bad effect but not the same as IE, mozilla etc). This is probably due to the padding I mentioned in the previous post.

    The only other minor problem I can see is where you have the main navigation i.e. Home | Portfolio | Photos | Contact.

    The top border on the right hand column that is below the Photos and contact links actually goes behind the links unlike the border below the Home and Portfolio links which goes in front. This means that the bottom of the Photos and Contact links extend a few pixels further down the page than the other links and so do not line up. (Does that make sense.)

    Otherwise it looks much the same as IE6 except Operas text size is slightly bigger (but that's no problem). (Oh, and the search box is white
    not black.)

    Paul
    Last edited by Paul O'B; Apr 1, 2003 at 02:28.

  8. #8
    SitePoint Member
    Join Date
    Mar 2002
    Location
    Grimsby
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for the help, damage like paul says using padding, the effect works the same in opera 6 as i tried it using my site.

  9. #9
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,810
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hey, looks great in Opera and Phoenix. A fantastically coded site
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS


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
  •