Jump to content

EvilBro

Members
  • Posts

    10
  • Joined

  • Last visited

EvilBro's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Yes, but that's not all. I want the middle-part to have a scrollbar when needed. AND I don't want to have to set dimensions on the header and footer. Graphically:S HS HS MS MS MS MS MS MS FS F(with S being the screen, H = header, M = middle and F = footer).If I change the content of header and footer, I want the screen to change to:S HS HS HS MS MS MS MS FS FS F
  2. EvilBro

    small questions

    Google for "css drop shadow". It gives numerous examples.
  3. I'm giving it a try right now and have installed both Adobe as well as Renesis for IE (as it doesn't support SVG natively (yet?)). Unfortunately in IE the background of SVG isn't transparent by default. Anyone have any idea how to fix this?
  4. I want the header and footer to be as tall as needed for their content. I want the remaining part to be assigned to the middle-div. How do I do this?
  5. I've been unable to find a solution to the following 'teh interweb'. I have three sections: header, middle, footer. I want my header at the top op my screen, the footer at the bottom and I want the middle-part to fill up the rest. Now, here's the catch, I would like this to happen without having to set the height of the header and footer (so no set height in pixels, centimeters, percentages, whatever). Anyone have any idea?
  6. EvilBro

    Border Trouble

    What you are seeing is the top margin of the h1-element that is being collapsed with the margins of the header-div. The resulting margin cannot be collapsed with the margin of the container-div as it has a border, which results in the offset you are seeing. The 'problem' arises because there is no default for the margins on a h1-element (at least, that is my understanding). The solution is to set the margin manually (thus enforcing it to be the same on all browsers). Adding "margin-top: 0px;" to "div#header h1 {}" will fix your problem.
  7. That does indeed seem to produce the desired behaviour. It is kinda silly though (but apparently necessary as there is no specification that describes <body> or <html>, at least I haven't found any...)Note that I have concluded that IE7 might be correct as well as it might simply have a different default-margin on the <p> tag.
  8. The code below shows behaviour that I do not understand. I'll start with the part I do understand. 'Running' the code in Firefox 2.0.0.3 or Opera 9 will show a red background with a green bar around the text. Above the green bar is a red line. This behaviour is correct as far as I can tell as the top margin of the <p> is combined with the margin of the body. IE7 shows no red line. This behaviour is also correct (I think) as there is no specification as to what is to be shown in the viewport. Now remove the comment around the padding. Firefox en Opera display this correctly (the body is stretched to 'catch' the margins of the <p>). IE7 messes up as it doesn't do this. So far so good? Instead of the padding, I also tried the position-line (to see if this would result in uniform cross-browser behaviour). To my surprise the exact same thing happened as with the padding-'solution'. This confuses me. Especially the opera/firefox behaviour... why does the absolute position cause the body to encapsulate the <p>? <?xml version="1.0" encoding="ISO-8859-1" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Trouble in paradise</title> <style> html { background-color: red; } body { background-color: green; margin: 0px; width: 100%; /*position: absolute;*/ /*padding: 1px*/ } </style> </head> <body> <p>something</p><p>something</p><p>something</p><p>something</p><p>something</p> </body></html>
  9. That information seems to be conflicting with what I read in the w3c xhtml specification. They are referring to the tag as "the XML declaration". It doesn't have anything to do with php (as far as I can tell). In the specification they recommend using the declaration, but I've also been told that this confuses certain browsers, hence my question: should I use the tag?
  10. I've two questions:1. When writing an XHTML document, should you start with a <?xml ?>-tag?2. I want to have a circle drawn on screen that changes colour when clicked. I don't want to use two images. How do I achieve this? (should I use <canvas>? or SVG? or is there another option?)
×
×
  • Create New...