-
Posts
372 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by ste
-
-
sure, you have to test in all. but one point that i think is really important is for people to develop in a complient browser like FF or Opera and then hack for IE. its so much more logical than when people get things as they like in IE and then struggle to get their uncomplient code to work in FF. ive seen it so many timesI think, with serious web development, you should test on a few different browsers. And probably a few different versions, to account for older versions. -
hi JMiles, glad you got it working
it happened because absolute positioning takes the element out of the flow of the document (normally each element in your html will be positioned relative to the rest of the content) e.g. block level elements (paragraphs images etc.) will display in the order they appear in the html but absolute positioning will place an object exactly where you say in pixels regardless of the document flow. heres a quote form microsoft that explains it betterJust so I know for future reference any idea which particular css styles were responsible for the page not scrolling down to the footer in IE5. I'm still none the wiser really and it would be nice to know. I still don't really get why your version with the floats worked and mine didn't.
so basically if elements are not in the document flow the document will not be rendered as longer than the viewport in IE. therefore no scrollbarhope this helpsSetting an absolute position pulls the element out of the flow of the document and positions it without regard to the layout of surrounding elements. If other elements already occupy the given position, they do not affect the positioned element, nor does the positioned element affect them. Instead, all elements are drawn at the same place, causing the objects to overlap. You can control this overlap by using the z-index attribute to specify the order in which elements are stacked at the same location. -
you can do it with html & cssheres an article that describes howhttp://www.cssplay.co.uk/menus/final_drop.html
-
ok i think i get you know, you want the footer to stick to the bottom of the screen no matter how much content is in the middle right?this article may help http://www.themaninblue.com/experiment/footerStickAlt/
-
i dont get what you mean. if you dont set the height of these elements they will be as tall as whatever amount of content you put in them
-
please dont. that would be far more annoying. the banner ads as they are is fine they arent too intrusive & hopefully the admins earn a bit to pay towards the bandwidth bill.You could always put it in between certain posts, or at the end of a topic page. (I believe that's how invisionFree has it set up for their support forums.) -
JMiles try replacing you stylesheet with this
/* ---------- General layout ---------- */ body { font-family: Garamond, "book antigua", "Times New Roman", serif; background-image:url(../Images/Bg-border.gif); padding:0; margin:0; color:#006; } #container { background-color:#eee; width:800px; margin:0 auto; border:0; padding:0; } #pgheader { background-image: url(../Images/Blue-page-header2.jpg); background-repeat: no-repeat; width: 800px; border-bottom: 40px solid #eee; margin: 0; padding:0; text-align: left; height: 190px; } #pgheader img { border: 0; margin: 0; padding: 0; width: 351px; height: 80px; text-align:center; padding-top: 10px; font-family: "Arial Black"; } #nav { font-weight:600; font-family: "lucida sans", verdana, arial, sans-serif; font-size: 14px; padding: 10px 0 10px 20px; } #nav li { display: inline; } #nav ul { text-align: right; margin-right:15px; } #txtmag { float: left; padding: 10px; margin-top: 10px; } #mainbod { margin:0; padding:0; color: #000; background-color:#eee; width:800px; } h2 { font-size: 1.2em; border:0; padding: 0; margin: 0 0 20px 0; } h3 { font-size: 1em; border:0; padding: 0; margin:5px 0 10px 0; text-align:center; } #leftcol { float:left; padding:0; border:0; background: #006 url(../Images/Left-menu_top.gif) no-repeat top left; font-family: "lucida sans", verdana, arial, sans-serif; font-size:14px; margin: 0 0 0 5px; } #leftnav { background: url(../Images/Left-menu_bottom.gif) no-repeat left bottom; padding:0; border-bottom:10px; margin:0; } #leftnav #home #cv #port #contact #info { text-align: left; margin:0; padding:0; } #maintxt { float:left; padding:0; margin:0; width:420px; margin:0 10px 0 10px; } #rightcol { float:right; background-image:url(../Images/right-col_gb.psd); padding:0; margin:0; width:170px; } #footer { clear: both; text-align:center; font-family: "lucida sans", verdana, arial, sans-serif; font-size: 14px; background-color:#006; color:#fff; padding:5px 0 5px 0; } #port ul { position:relative; left:-30px; } /* ---------- Page Styling ---------- */ p { margin-top: 0; margin-bottom: 1em; text-align: left; font-size: 0.75em; line-height: 1.6; } #webdes { color: #fff; font-size: 24px; font-family: "Arial Black"; text-align: right; letter-spacing: 0.48em; text-transform: uppercase; padding: 0 50px 0 0; } #leftnav li { list-style: none; padding: 10px 0 0 10px; } #maintxt p { margin-top: 0; margin-bottom: 0.75em; text-align: justify; font-size: 1em; line-height: 1.6; } #maintxt ul { margin-top: 0; margin-bottom: 0.75em; text-align: justify; font-size: 1em; line-height: 1.6; } #rightcol img { padding: 0 10px 10px 0; } #footer li { display:inline; margin-right:5px; } #footer a:link, #leftnav a:link { color: #fff; text-decoration:none; font-weight: 600; } #footer a:visited, #leftnav a:visited { color: #ddd; text-decoration: none; font-weight: 500; } #footer a:hover, #leftnav a:hover { color: #6ff; text-decoration:underline; font-weight: 800; } #maintxt a { color:#006; border-bottom: 4px solid #390; text-decoration:none; padding: 1px 3px 1px 3px; } .portImg img { margin: 0 15px 15px 0; float:left; } #topnav a { color:#006; background-color:#eee; padding: 3px 10px 2px 10px; border-bottom: 6px solid #390; text-decoration: none; margin: 0 5px 0 0; } #topnav a:visited, #maintxt a:visited { color:#060; } #topnav a:hover, #maintxt a:hover { color:#fff; background-color:#006; } address { font-family: Garamond, "book antigua", "Times New Roman", serif; text-decoration: none; font-style: normal; } .uline { text-decoration:underline; } #footer img {border:0;} a img { border:0; }
-
<?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 type="text/css"> body { background-color: red; } #container { background-color: green; margin: 0px; width: 100%; padding: 1px } </style> </head> <body> <div id="container"> <p>something</p><p>something</p><p>something</p><p>something</p><p>something</p></div> </body></html>
-
hi, instead of trying to style html & body individually. style a container div within the body
-
i think floating the columns inside the container should work better. also divs dont have default borders in any browser so you dont need all those border:0's
-
i hate when google ads are styled to fit in with the design of the page. when they are mixed in with the content & styled to look like part of a sites internal links.
-
instead of javascript you could use conditional comments which will let you target exactly which version of IE you want (in your case not version 7)<!--[if lt IE 6]>Internet Explorer 6 & lower versions<![endif]--><!--[if gt IE 7]>Internet Explorer 7 & later versions<![endif]-->
-
i would probably use phpbb and design a new theme so that the forum fits in with the rest of the clients site & doesnt look like every other bb on the net. you can charge him for this design even tho you are using a premade forum script.
-
-
I didnt know it was possible outside of IE. thanks jlhaslipAlthough there are ways to style scrollbars using javascript and images. Google is your friend. -
the "lt" in <!--[if lt IE 7]> means versions below. so IE6 would be included in thattry increasing the width of the div "main" in the IE stylesheet which in your code i can see is located here: http://www.sidexsideaction.com/wp-content/...es/sidex/ie.cssyou could add to that file:#main { width: 900px;} or whatever width is large enough to fit both floated columnsDo you think I need to set it so IE 6 users use this style sheet as well? And maybe change the css a little? -
-
Hi fluentdesigns,the problem here is that IE is rendering something in one of the columns with some extra width which is pushing the div rightColumn down the page.you might try adding to your css:* {margin: 0; padding: 0;}or trying to find what specific thing is causing the extra width in IEalternatively you could add a conditional comment in the head of your document to load a different style sheet for IE like so:<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="IEstylesheet.css" /><![endif]-->then in IEstylesheet.css make the div "main" wider, something like#main { width: 900px; }
-
IE6 only supports min-height for th, tr, and td, not for divs or other elements.What doesn't support it? I'm testing with FF, Safari, and Opera on Mac, plus IE6, Opera, and FF on PC. It works on all of them...
source: http://msdn.microsoft.com/workshop/author/...s/minheight.asp"With Internet Explorer 6, this property applies only to td, th and tr elements in fixed-layout tables." -
agreed, the tiny amount you save in file size is not worth the damage you may do your site with these "custom tags"
-
true but that isnt the only factor that determines page rank. from googles site:Sites calculate google PR by the number of sites that google shows that link to you, by doing a google query of link:example.com. How high you appear on a google search is mostly affected by the number of links coming to your site with that specific phrase. For example, I'm sixth with News, politics, business and technology blog lol but noone's gonna search that.
about new content:Google goes far beyond the number of times a term appears on a page and examines all aspects of the page's content (and the content of the pages linking to it) to determine if it's a good match for your query.Mega-sites, like http://news.bbc.co.uk have tens or hundreds of editors writing new content – i.e. new pages - all day long! Each one of those pages has rich, worthwile content of its own and a link back to its parent or the home page! That’s why the Home page Toolbar PR of these sites is 9/10* Principle: Content Is King! There really is no substitute for lots of good content… -
what you describe would probably be bad for page rankings. Google likes well strucured documents. remember to a search engine tags are the only thing to describe the content i.e. <p> refering to a paragraph etc.
-
do you have flash Prateek? you can make animated gifs with that
-
Hi Yahweh, your board software sounds interesting. apperently some of the issues you pointed out have been fixed in the new phpbb like the templating system which is supposed to be a brezze now as well as some other improvements.http://www.phpbb.com/about/features/im gonna download a copy anyway to try it out.are you planning on releasing yBoard at any stage?
Creating Sliding drop down menu
in HTML/XHTML
Posted
if you give me the structure you want for the menu (home/services/etc) i might be able to post a code example but i cant make any promises, because i dont know if i will be busy or not (im in work here after all)