Jump to content

thundercade64

Members
 View Profile  See their activity

  • Posts

    15

  • Joined

  • Last visited

thundercade64's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. thundercade64
    ok, giving it a specific width is ok...but what if I want to have the sub2 be fluid when the browser is resized (down to a minimum width). If I take away the set width value to do this (I have to right?), and the content of sub2 is long enough, it blocks down below the sub1 as if it wasn't floated...but only if FF, not IE.Any thoughts?
  2. thundercade64
    ricktg,Sorry to post a question to you rather than an answer, but how to you acheive the shadow effect around the main area of your site. I see that a lot on the web (obviously) and I can't figure it out.
  3. thundercade64
    awesome, that keeps the height auto wrapping...although I still can't figure out my original second question. If I float sub2 left, it overlaps sub1, unless I float it left as well. However, it then will not auto extend to fill up the remaining horizontal space in the container. Is there a way to do this? Maybe with the width attribute or something?
  4. thundercade64
    I'm trying to position some div elements (sub1, sub2) inside of a container div. The container div with automatically resize to fit the subs in it, until I give sub1 "float:left". At that point, the container div no longer auto sizes to fit sub1 into it. Along with that, if sub1 is floated left, the left side of sub2 overlaps the top of sub1.So, I have two questions:1. How can I float a div element and still have the container auto size around it?2. As for sub2 overlapping with sub1, I realize I can float sub2 left to get rid of the overlapping, but then it no longer auto sizes to fill up the remaining horizontal space in the container. So, how can I have it not overlap, but still take up the remaining space?The code I've put below does not yet have the "float:left" attributes put into sub1 or sub2 divs yet. If you don't quite know what I mean, take a look at my code, then put float:left into sub1, see what happens, then into sub2...(also, I tried it without giving sub1 specific width or height, and that doesn't seem to help)I've been trying everything I can think of. <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>demo</title><style type="text/css">.container { padding:10px; border:1px solid black; }.sub1 { width:100px; height:200px; border:1px solid lime; }.sub2 { border:1px solid purple; }</style></head><body><div class="container"> <div class="sub1"> sub1 </div> <div class="sub2"> sub2 </div></div></div>
  5. thundercade64
    dj,Why do you not want to give sub2 a specific height (of 80px)? I only ask, because if you need container to be 100px, and you need sub1 to be 20px, and you need sub2 to take up the rest, there should be nothing wrong with setting sub2 to 80px. Is there?
  6. thundercade64
    Thanks, that works pretty well.Now I'm trying to find a way to have the shadow portion be semi transparent over the background of the page. I've tried using some filter properties that I looked up on this site (opacity), but nothing seems to have any effect. Is there a way to do this?
  7. thundercade64
    I can't quite figure out how to give a div element a dropshadow. All I've been able to do is give everything inside of the div (text and all) a dropshadow, that doesn't show up beyond the borders of the div. I need the exact oppposite of that - the div having a shadow, that only shows up outside of the div space, over the background of the page.Any suggestions?
  8. thundercade64
    When I put an image (.png file) with transparent portions in my pages, Firefox displays the image correctly, letting the background show through the transparent portions. However, in IE, it gives it some grayish background as default (not a color I've specified anywhere, in the image or HTML/CSS) wherever there it is supposed to be transparent.Any tips on how to fix this?
  9. thundercade64
    Thanks for the verification on IE, and that JS code. I'm still in the thick of learning HTML/CSS and the differences bewteen IE and Firefox (mostly bad things about IE) are driving me nuts!!Thanks again.
  10. thundercade64
    I have the following code in a style sheet:div.sidelink:hover, div.sidelinksmall:hover { background-color:#CC66CC; }which, when I hover over any <div class="sidelink"> or <div class="sidelinksmall"> changes the background color to that above. This works perfectly in Firefox, but it doesn't work at all in IE. What am I doing wrong, or what should I do so I can have the background of a div element change color upon hover in IE.Thanks.
  11. thundercade64
    Thanks for the help, that should do it!
  12. thundercade64
    thanks for that, that seemed to do the trick.The only question I have now is, when I use that code (the last code you put up, for FireFox) and put a border aroudn the <div>, then narrow the browser window, there is a tiny bit of space between the border and the left of the browser window that still doesn't go away when I narrow all the way down the <div>'s borders. Any thoughts? (I've tried a couple things, but cant seem to fix it)
  13. thundercade64
    hmmm....I've tried {margin: 0 auto;} but it doesn't seem to do anything to center in FireFox.What could I be doing wrong? Does anyone have some simple code that they have tested in FF they could copy here? This is just driving me nuts.
  14. thundercade64
    I notice that most pages I see the content centered, leaving margins to the side (I'm assuming they do this incase someone is using 800x600 resolution). When I resize (making it narrower) the browser window on these pages, the margins disappear, and the main content stays centered until the margins are gone (e.g. www.gamespot.com, or www.gamefaqs.com).I'm sure this is simple, but i just can't get it. How do I get my main <div> element centered like this? I can get it about centered, but I can't think of a way to code the CSS/HTML to keep it centered and mimic what I described above.Any suggestions?
  15. thundercade64
    I notice that most pages I see the content centered, leaving margins to the side (I'm assuming they do this incase someone is using 800x600 resolution). When I resize (making it narrower) the browser window on these pages, the margins disappear, and the main content stays centered until the margins are gone (e.g. www.gamespot.com, or www.gamefaqs.com).I'm sure this is simple, but i just can't get it. How do I get my main <div> element centered like this? I can get it about centered, but I can't think of a way to code the CSS/HTML to keep it centered and mimic what I described above.Any suggestions?
×
×
  • Create New...