SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    I don't know how to make it 100% width

    Hi there.

    So basically my div #slidershadow has a background image wich is 1400px wide. But the div only strecthes to around 960px and not 100% when I apply it to it.
    What am I doing wrong?

    HTML:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>AirWipp</title>
    <link href="css/styles.css" rel='stylesheet' type='text/css'>
    <link href="css/reset.css" rel='stylesheet' type='text/css'>
    
    </head>
    
    <body>
    
    <div id="background1">
    
    
    
    <div id="content">
    
    <div id="upper">
    
    <img id="logo" src="images/logo.PNG" width="301" height="47" />
    
    <div id="meny">
    
    <img id="button" src="images/Meny1.png" width="71" height="31" />
    
    </div>
    
    <div id="herocontainer">
    
    <div id="slidershadow">
    
    <img id="slider" src="images/Slidertest.jpg" height="400" />
    
    </div>
    
    </div>
    
    <div id="smenu">
    
    </div>
    
    
    
    </div>
    
    
    
    </div>
    
    
    </div>
    
    
    
    </body>
    </html>

    CSS:


    Code:
    body {background-image:url(../images/dirtTextureBgTile.png)}
     
     
    #background1 {
    	margin: 0 auto;
    	background-image:url(../images/Undermitter.png);
    	min-height:1000px;
    
    	}
     
    #content {
    	background-image:url(../images/headerHomeBgTile.png); repeat-x; height:435px; border-bottom:solid 5px #000}
     
    
    #upper {width:960px; height:80px; margin:0 auto; padding-top:50px; }
    
    #logo {float:left;  }
    
    #meny {float:right; height:80px; width:500px; background-image:url(../images/tapeTopnavBg.png); background-repeat:no-repeat}
    
    #slider { }
    
    #slidershadow {padding: 35px 0 112px 0; 
    	background-image:url(../images/heroLightingBg.png);
    	background-repeat:no-repeat;
    	background-position: top center;
    	height:400px;
    	width:100%;
    } 
    
    
    #herocontainer { margin-top: 70px;  }
    
    
    #button {margin-top:15px;  }
    
    #smenu {width:960px; height:80px; background-color:#99FF33; margin:0 auto;}

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    100% width means 100% width of hte parent. The nearest parent with a width set is #upper which has the 960px width. You'll have to restructure your HTML to allow it to go that far out. Or manually set the width that wide (which you'll have it hanging out, which can lead to many issues, but it's an option, I guess. I'd say that you should just rethink your HTML .
    Last edited by Black Max; May 5, 2012 at 10:05. Reason: fixed post coding :)
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Ah, then I have to do that.

    Thanks Ryan
    Quote Originally Posted by RyanReese View Post
    100% width means 100% width of hte parent. The nearest parent with a width set is "#upper" which has the 960px width. You'll have to restructure your HTML to allow it to go that far out. Or manually set the width that wide (which you'll have it hanging out, which can lead to many issues, but it's an option, I guess. I'd say that you should just rethink your HTML .

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    You're welcome . That % rule follows height as well. Different meaning depending on where used.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I fixed it!

    The upper was wrapping around all the other things, so I fixed it somehow and now it's good.

    Ryan... don't leave this community.
    BTW, I'm so glad I found this and I've learned pretty much, and here in sweden I have some clients that wanted their websites done and I've earned about 1100USD in 2 weeks. I'm only seventeen so that's good for me

    But my goal is to be professionall someday.

  6. #6
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    kvnwpts, I can wholeheartedly recommend the SitePoint references. They're extremely good for learning, better than tutorials for me, because I like the more thorough, academical approach to learning. A tutorial will only show you so much, but these references give you an in-depth understanding of the core principles, methods, and how to apply them when and where.

    For layouts in particular, I recommend these reading lectures:

    http://dev.opera.com/articles/view/3...-and-clearing/
    http://dev.opera.com/articles/view/3...d-positioning/
    http://dev.opera.com/articles/view/3...e-positioning/

    They were written by Tommy (AutisticCuckoo), who is also the co-author (along with Paul O'Brien) of the SitePoint references. Tommy is to HTML and semantics what Paul is to CSS.

    I'm posting these because I have the feeling you're really keen and eager on becoming a professional designer, so the reading material above is good to have in your arsenal of learning references.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  7. #7
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Definately. Thank you very much.
    Quote Originally Posted by kohoutek View Post
    kvnwpts, I can wholeheartedly recommend the SitePoint references. They're extremely good for learning, better than tutorials for me, because I like the more thorough, academical approach to learning. A tutorial will only show you so much, but these references give you an in-depth understanding of the core principles, methods, and how to apply them when and where.

    For layouts in particular, I recommend these reading lectures:

    http://dev.opera.com/articles/view/3...-and-clearing/
    http://dev.opera.com/articles/view/3...d-positioning/
    http://dev.opera.com/articles/view/3...e-positioning/

    They were written by Tommy (AutisticCuckoo), who is also the co-author (along with Paul O'Brien) of the SitePoint references. Tommy is to HTML and semantics what Paul is to CSS.

    I'm posting these because I have the feeling you're really keen and eager on becoming a professional designer, so the reading material above is good to have in your arsenal of learning references.

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kvnwpts View Post
    I fixed it!

    The upper was wrapping around all the other things, so I fixed it somehow and now it's good.

    Ryan... don't leave this community.
    BTW, I'm so glad I found this and I've learned pretty much, and here in sweden I have some clients that wanted their websites done and I've earned about 1100USD in 2 weeks. I'm only seventeen so that's good for me

    But my goal is to be professionall someday.
    Off Topic:

    I have a track record of leaving here for long periods of time though . Think I'm here for the long haul though.

    1100 USD? The crap. I wish I could find work . Fixing other designers problems, and they get work, lol.

    You're on the right track. Build up a portfolio.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  9. #9
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kohoutek View Post
    For layouts in particular, I recommend these reading lectures:

    http://dev.opera.com/articles/view/3...-and-clearing/
    http://dev.opera.com/articles/view/3...d-positioning/
    http://dev.opera.com/articles/view/3...e-positioning/

    They were written by Tommy (AutisticCuckoo), who is also the co-author (along with Paul O'Brien) of the SitePoint references. Tommy is to HTML and semantics what Paul is to CSS.
    Thanks for the links, Kohoutek. If they're not in my little "tutorial for novices" databank already, they're going in today. Tommy is da bomb.

  10. #10
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Well.

    A good tip. I live in sweden and I got a website where all swedish companys are listed. So basically there is companys orderd from A-Z and in every letter there is around 2500 pages with 20-30 companys each page. 20% of the companys on each page has email contact, so that's like 5 companys with listed emails on each page. So what I did was copy all the emails holding CTRL in and selecting all the emails, pasting it into my hotmail, and did so for about 50 pages and sent it BCC (I think it's called) That's like 250 companys. Next day I had 2 people wanting they wanted their website done, next day onother 2, and next day 1 more. And now I wanna build it up so I'm pretty cheap at start. But I got some clients. And on all companys on the letter A, i have another 2450 pages to write to. Then go on to B

    Got it?




    Quote Originally Posted by RyanReese View Post
    Off Topic:

    I have a track record of leaving here for long periods of time though . Think I'm here for the long haul though.

    1100 USD? The crap. I wish I could find work . Fixing other designers problems, and they get work, lol.

    You're on the right track. Build up a portfolio.

  11. #11
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kvnwpts View Post
    Well.

    A good tip. I live in sweden and I got a website where all swedish companys are listed. So basically there is companys orderd from A-Z and in every letter there is around 2500 pages with 20-30 companys each page. 20% of the companys on each page has email contact, so that's like 5 companys with listed emails on each page. So what I did was copy all the emails holding CTRL in and selecting all the emails, pasting it into my hotmail, and did so for about 50 pages and sent it BCC (I think it's called) That's like 250 companys. Next day I had 2 people wanting they wanted their website done, next day onother 2, and next day 1 more. And now I wanna build it up so I'm pretty cheap at start. But I got some clients. And on all companys on the letter A, i have another 2450 pages to write to. Then go on to B


    Got it?
    EDIT: Search for some kind of site where you live and do the same, because you are really, really good.

    EDIT 2: OPS, i made another reply to myself. sorry.


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
  •