Okie. I have this weird problem. If I put #tabcontainer { font-family:Verdana; font-size:12px; font-style:normal; margin-right:15px; margin-left:15px; position:relative; top:70px; width:770px; height:360px; color:#36393D; } in the style section of the html file all works. If i move this to an external file (and include the file) it doesn't. Here's the html element <div align="left" id="tabcontainer"> Another weird thing is if a delete cache, then click on link to go to this page it looks ok, but hitting refresh makes things look....not so good. Anybody ever seen anything like this before?
why have you set the DIV to align to the left in the HTML? Most likely the browser doesn't know which to use, that or the CSS you've written. Don't use the align tag with DIV's if you can help it. Try float: left;
Exactly. Get rid of the deprecated (obsolete) HTML markup if you can, that way you don't cause any conflicts with your stylesheet. Then make sure that the link path to your stylesheet matches the path to its actual location.
thanks for input guys. W3C hasn't given me a replacement for <div align="left"> (yet). And it still works on modern browsers. I've never seen a browser "get confused" over it. I'll wait until W3C pulls their head out and gives me a rep... Anyway, removing align="left" didn't work. I do find it very weird i can put the css in the html file, but it bombs when i put it in external css file..Hrm
Include, or link? If you include, it's like pasting from the clipboard. You may have introduced syntax errors. The align attribute for div is equivalent to css text-align. Eg., div {text-align: left;} If an attribute has been deprecated, it is very unlikely there is not a css option. cheers, gary
Inline styles are higher on the precedence food chain. If you place that style somewhere in your external stylesheet it could be overwritten by styles further down the list. By placing it inline it generally wont be overwritten by external stylesheet. There are exceptions. (!important)
Hi, I had the same problem and fixed it, and wanted to share the problem with other people as this page was ranked high on a Google search for the problem. When moving your CSS to the external file, it will fail if you also copy over the <style type="text/css"> and </style> markers that would have been in your inline CSS. Make sure the external CSS file only contains CSS commands. I made this simple error and that was the fix, ensure the external CSS is pure CSS, no <style... tags. Cheers
Yeah, a lot of people do tend to do that. Even veterans who just copy/paste without thinking about it.
Uhm, on what planet? Assuming you want to position the DIV, that's float:left; - assuming you want to align content inside it that would be text-align:left; Of course this is ANOTHER case where the snippet is next to useless without seeing what it is you are actually trying to do with it - especially since what you describe could be caused by any number of other issues in your markup or CSS. ***** align.... What is this, 1997? -- edit -- my bad, didnae even notice the thread necromancy... Sheesh, WTF is with the bump?