Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by socken

  1. I have a strange problem in IE again. On top, there is a banner. Underneath are two DIVs: leftSide and rightSide. LefSide contains a menu and an image.RightSide contains the content.Now, I want to add a footer:#footer { clear:both: height: 39px;}In FF it works like it should (like always...) In IE not (like always...). In IE, the content disappears!!! It's not somewhere else, it's simply GONE! :) Do you have any idea why this is happening!? Am I missing another IE-Hack I have to use?? Thanks for any help!!

  2. Yeah, that's what I've seen so far too... this really su**s.. :) Well, never mind. I think I just set the height of the iframe to 300% (which works in IE) so all pages will fit in it.Like I said, it's not for me, it's for someone else who wants it like this. So I don't care too much :) Thanks!

  3. OK, I'm kind of reposting my problem here. I had problems with the iframe width, now I have something...similar: iframe height :) Please have a look at this page: Sample PageAnd don't laugh, it's just a test! :( I want the iframe to expand to the size of the content.I know that's not supposed to work, and i know it's ugly! But it's not for my, I wouldn't choose iframes in the first place.But hey, I'm here to stimulate your creativity! :) So if you have any suggestions.... SHOOT!I think I might have to use ajax!? Or javascript!? Any ideas???

  4. Hallelujah!!It defintely works in FF + IE. I used the following method:For Firefox, I set

    #content {   min-height: 500px;}

    because IE doesn't understand that, I use this 'hack':

    * html #content { height:500px; }

    Thanks again for your help! You lead me on the right path :)

  5. OK, thanks again!I guess I'm not allowed to post links in here. Can I send you a PM with a link?!Would really like to show what I'm talking about. I'm shure you can help me! I've been trying to solve this one for WEEKS now!!

  6. On a test-page, as soon as I set the position of the content to absolute, the footer gets overriden. I need to set it to absolute, so I can use 'left: 300px' and the menu doesn't get touched by the content. is there something I should beware of?!?Thanks for any help!!

  7. This is my css so far... Don't laugh at the style, it's certainly not going to stay like this :)

    #body { margin-left: 0; padding: 0; max-width: 95%;}#header { margin: 5px; padding: 10px 5px 10px 5px; border: 1px dotted blue; font-size: xx-large;}#menu{ float: left; width: 230px; margin-left: 5px; padding-top: 0;}#navigation { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; width: 12em; padding: 0; background-color: #fafa28; margin-bottom: 10px;}#navigation ul { list-style: none;  margin: 0;  padding: 0;  border-bottom: 1px solid black;}#navigation ul li { margin: 0;  border-top: 1px solid black; border-left: 5px solid black; border-right: 1px solid black;}#navigation ul li a:link, #navigation ul li a:visited { display: block;  padding: 5px 2px 5px 0.5em;  color: black;  text-decoration: none;  width: 100%; }#navigation ul li a:hover { display: block; padding: 5px 2px 5px 0.5em; color: black; text-decoration: none; width: 100%; border-left: 10px solid black;}#rightSide { margin-left: 250px; left: 250px; margin-top: 0; padding-top: 0; height: 100%; max-width: 95%;}#subheader { border: 1px dotted blue; padding: 10px 5px 10px 5px;}#rightSide iframe{ width: 100%; height: 100%; border: 0; overflow: visible; margin-top: 10px;}#footer{ clear: both; width: 100%; border: thin dotted #0000FF; margin-top: 20px; padding: 5px;}

    and here are the important parts of the html:

    <div id="header">HEADER</div><div id="menu">   <div id="navigation">    <ul>      <li><a href="http://www.google.ch>google</a></li>    </ul>  </div>    <div id="navigation">   	 <ul>	<li><a href="http://www.google.ch" target="content">Google</a></li>	</ul>  </div>  <div id="navigation">  </div></div><div id="rightSide">  <div id="subheader"> SUBHEADER </div>	<iframe src="http://www.google.ch" name="content" id="content">  frame	</iframe>	</div><div id="footer"> footer </div>

  8. Continuying my monologe ;-)My solution does work, but like always : NOT IN IE!!!Doesn't IE undestand the margin-left tag!? Or do I have to set an additional align tag or something!? Please help me on this...

  9. OK, I think I figured that one out! I just put the iframe in a div, and set the margin-left of that div to a fixed value. If I then set the width-value of the iframe to 100%, it only takes the space it has..Now my next problem: (not quite shure if this still fits here...)How can I adjust the height of the iframe!? It should take as much space as it needs, so no scollbars should be visible.

  10. Hi everyone! I have some problems with an iframe:on the left side of my page, I have a menu:#menu{ float: left; width: 200px; margin-top: 0; padding-top: 0;}On the right side, I want an IFRAME which loads external pages. Now my Problem:If I set the width of the iframe to 100%, i goes underneath my menu, which I don't want. If I don't set the width, or set it to auto, it is very small. How do I set the Iframe width so it stays on the right hand side of the menu, but uses it's maximum space available???Thanks for any help!!

  • Create New...