HTML - Can't Absolute Center The Content, Any Ideas?
Hi!
I have a problem here which really really annoys me. http://members.dodo.com.au/~rouslan/...ite/index.html when you look at the page it looks great with Firefox and when you look at it with Internet Explore 7 it also looks fine except the main content is not absolutely centered. In Internet Explore 7 you can see that by comparing margins, the left one is shorter than the right one. How can I fix that? p.s. I am a lot out-of-dated with HTML, because the last time I was constructing web pages 8 years ago, so you might notice in source I use a lot of tables, etc. If you can suggest I should change all the code, please do or simply paste it here as solution. Thank you! Similar TutorialsHi everyone, this is my first post. I am hoping to find someone who can help me. I need to make it so a table on my page is centered veritcally (the same way the center tag centers it horizontally) so that it will always be in the center of the page regardless of screen resolution or if the person resizes their browser window - is such a thing possible? If javascript is needed that is fine. Thanks At the bottom of each of my many pages I like to put a set of various buttons/links and I like to center them all, beginning with my email addy. I'm using the identical html on every page and so far, on every page it all has centered correctly. On the one I'm working on now, though, they are "left-justified." You can see it at http://www.sticksite.com/fishing/indexNEW.html at the bottom, directly below the horizontal line, and starting with my email addy. Can anyone please tell me why, on THIS page, that stuff will not center, when I did use the tag: <div style="text-align: center> which has worked on every other page so far? THANKS! (maybe fishing is not compatible with centering?) Hi guys. I'm working on a website for my shop, using html, php and mysql. At the moment I'm using frames but don't really like how it looks. have a look at www.jroche.com/shop I think it looks very cheap. Just wondering does anyone have any suggestions as to how i could improve it? I'd really appreciate any comments or code suggestions anyone could make. Ideally id like to have it all in one page, as opposed to using the frame layout im currently trying. I'm only working on it now so some links don't work. Thanks Hell everyone. This is my first post and im sure it will not be my last here on HTMLforums.com. I am looking to create a web page and host it using godaddy.com. I would like to have a forum on it but I am having complete creativity block here and i do not know what i want my website to be about. I love technology and i am currently a student at the University of Phoenix online and i am getting my associates degree in Information Systems. I also enjoy cars, sports, outdoors, travel and other things. I am 20 years old and am from New Jersey. The purpose of this site is to maintain an up to date example of my web design skills to show a potential employer. Please if you have any ideas let me know. I can be reached via e-mail at laxmetal23@verizon.net. I am also usually on AIM and my sn is UNC6183. Please let me know. Hello, I am not completely new to CSS or XHTML but I am having a problem that I have never come across before. Basically the problem is sizing with elements in the content field of my site. Here is an example: if I make an image like this Code: <img height='150' width='150' ..... > The height and width do not work properly in FF but if I change it to this: Code: <img style=" height:150px; width:150px;" ..... > Than it works. Why would it ever ignore the native height and width inside an image tag ( and other tags as well) What I am trying to do is create an environment that most anyone web developer can build quick content into my template. But if odd situations like this continue to happen it will not be user friendly at all. I assume there is some type of inheritance issue going on ( note I never use the inheritance property in my content div). Is there a way to create a div where its contents are unaffected by all the divs creating the template??? Thank you for the help Hey, I recently logged onto my old Piczo site which I used to store pictures on( The site domain being; http://www.badboypicturessss.piczo.com/?cr=1 ) . After logging in I discoverd no images show. Just a red cross upon the corner (I've tried to view on Firefox and Internet Explorer) When clicking propeties on the picture and entering into the Firefox html I am met with, This XML file does not appear to have any style information associated with it. The document tree is shown below. − <Error> <Code>AccessDenied</Code> <Message>Access Denied</Message> <RequestId>4B0C38630330B989</RequestId> − <HostId> 0hsgiTfM+6zl+X127uhukEZM6SYj0D+HCeYk113cG8ftnK0AM5 knte5VpiqDEKo4 </HostId> </Error> Am running out of ideas of how to get the images to show, I've tried numerous forums seeking the answer to how to display the images! Thanks for reading, be great if you could help! Hi all -- Working with a tight deadline (2 weeks) and need to come up with a solution. My company has a library of promotional materials that it makes available internally. Currently, we have a little ASP ordering app that lets employees create a cart of items and order these materials. (There is no money changing hands, it's all free.) As it stands, the plug on this app will need to be pulled on December 31st, and I need to find a new solution. I am not well-versed enough in ASP to be able to develop a new app in the given time frame, and I need something relatively simple that can get the job done. Ideally, we could take this app and move it elsewhere, but that doesn't look like it's going to be possible. Any and all ideas would be MUCH appreciated!!! My previous post meantioned that I have made an advert using HTML in a page using a table and I'm using an IFrame to embed this into my main pages where needed. I've hit a real problem this time. The table I've made seems to set its own minimum width for cells. As a result this causes the end cell to slightly spill off the edge of my pages. I have manually changed everything I can possibly think of, and nothing seems to work. In what instance would a table do this? The table is in a form. Inside the table in each cell I have 1 line of text, followed by a input box directly underneath, followed by another input box directly underneith, followed by a text hyperlink directly underneath that. I have the html in the text file attached if you want to have a little nosy (the javascript file referenced is to periodically change the text of the second box in each cell). Any ideas would be much appreciated. I've spent far too much time on this advert than I would have liked... Regards My page scrolls and it shouldn't! Any ideas...? or can I not see the wood for the trees? Link Hey. First of all my html etc skills aren't any good. I have a basic understanding how it works etc, but thats about it :s So, I know how to use Photoshop, and the basics of dreamweaver. And this is what i have made so far: http://wasnicht.urli.net/ I have 2 versions, that one, and one which isn't so wide. But otherwise it's the same, except that in the uploaded version there, i dont have an iframe inside the box. So my problem here is that whenever I type something in the middle, that exceeds its original size, it expands, thats meant to do so, but it also expands the navigation bar and the rest of the page, leaving it messy and pretty, well... I'd need some ideas how to fix this, e.g. if I made a index page, just like that, without the text box, and made an iframe, that expands downwards, inside it, put a separate .html (the box). I'm not gonna rip my ass off trying it, I'd really want some ideas how to construct it. Another problem I had with the box was that the right side image of the box (the dropshadow is 90 degrees), the shadow wouldnt go with a constant depth from the top to the bottom, so when the image repeated itself i had an ugly "error". What I did was to remove the shadow of the text box entirely. Hi again guys, I have a new problem this time! On this page on my website: http://www.modular9.co.uk/artists.html I have it that when you rollover a link it changes from the artist's name to the collective name and back again. Obviously this causes a few problems such as the length of 'modular9' is shorter than most names so because they jump up a line when it is rolled-over the whole script freaks out and you get a mess. I was just wondering if you knew of any other better script that would keep the same dimensions of the original text or some other idea you could share? My script for this is: <a href="#" class="links" onclick="MM_openBrWindow('artists/richardcook.html','modular9','scrollbars=yes,width=457,height=600')" onMouseOver="this.innerHTML = 'modular9';" onMouseOut="this.innerHTML = 'richard cook';">richard cook</a> Highlighted red is the main rollover change. Any help/idea would be most appreciated! Thanks again Richard What are the common issues with websites not being properly displayed in Firefox? Reason is due to my website being displayed correctly in IE but when switching to Firefox the site suddenly breaks apart. Any ideas? Hi guys, I got a quick question. I can't for the life of me understand why the youtube, facebook and twitter images below absolutely insist on having a few pixels of space to the bottom of it's line. It makes it so the following link-text seem to be too low on the line in comparison to the image. If you see in the lower left corner of www.leveldance.com you can see what i mean. Any ideas? (I have no padding added in the css) Thanks a million in advance! HTML Code: <div class="left_col_container"> <div><img src="images/navigation/sociables_headline.png" alt="Join Our Community!"/></div> <p style="margin-top: 5px; margin-bottom: 0px">Join the newsletter!</p> <style type="text/css">.af-form {margin:0 !important;}</style> <script type="text/javascript" src="http://forms.aweber.com/form/36/693624936.js"></script> <div style="margin-top: 5px"> <a class="sociables" href="http://www.facebook.com/leveldance" target="_blank"><img src="images/sociables/faceBook-icon.png" class="no_border" alt="Find us on Facebook!"/></a><a class="sidebutton" href="http://www.facebook.com/leveldance" target="_blank"> Find us on Facebook!</a> </div> <div style="margin-top: 5px"> <a class="sociables" href="http://www.twitter.com/leveldance" target="_blank"><img src="images/sociables/twitter-icon.png" class="no_border" alt="Follow us on Twitter!"/></a><a class="sidebutton" href="http://www.twitter.com/leveldance" target="_blank"> Follow us on Twitter!</a> </div> <div style="margin-top: 5px"> <a class="sociables" href="http://www.youtube.com/user/leveldancenyc" target="_blank"><img src="images/sociables/youtube-icon.png" class="no_border" alt="See us on YouTube!"/></a><a class="sidebutton" href="http://www.twitter.com/leveldance" target="_blank"> See us on YouTube!</a> </div><br/> </div> <!-- left_col_container end --> Hello there, My index page validates completely since I tidied it up using html tidy, but when i run it through browsershots it is still completely broken in firefox, opera, etc. basically anything other than MSIE it displays incorrectly. If anyone could shed any potential light on the situation it would be greatly appreciated. As you can no doubt tell, I'm no expert on creating web pages using html and css and if a page validates but still doesn't work I can't even begin to try and work out what is going on I did run my css through a validator and it came up with 30 or so instances of the same error, I hadn't ended a dimension value with px, i had just left the number, could this be the culprit? I have since corrected my style sheet so that it validates completely but I cannot upload from my FTP on the PC i'm currently using to see if it affects the browsershots results. I just wanted to put it out there and see what the ideas were of people who know a lot more about website building than I do. Bottom line: if i have an html page and a css page that validate 100% using the w3c standard is it guaranteed to work in all browsers, or are there quirky little things I need to be aware of when wanting my site to display correctly in less popular browsers such as safari etc.? Any feedback is greatly appreciated. :-) Sincere thanks in advance, Alex Browser screenshots - http://browsershots.org/http://www.alexhaines.co.uk/ HTML Validity results - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Findex.html&charset=%28detect+automatically%29&doctype= Inline&group=0 CSS Validity results - http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.alexhaines.co.uk%2Fstyle.css&profile=css21&usermedium=all&warning=1&l ang=en My site - http://www.alexhaines.co.uk Hi, Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please? http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using! Thansk alot Joe Hi, I am looking for the easiest and reliable solution to make the "View on Google Maps" image to look like here http://www.dublinbynumbers.com/troubleshooter.html instead of here http://www.dublinbynumbers.com/categories/cinemas The solution should work in both IE/FF and any screen resolution. Thanks in advance for your help, Sorin Hello everyone, I've go this code here for positioning the "comments and frieands" together in in a scroll box at the bottom of the page. But I'd like to put it in a sertante position. Could anyone plaese help me find out were and what to put in this code. And for more information this is a code I want to put within a "div" image and place it in relation to were the image is (0,0) not were the page starts (0,0). -------------------------------------------------------------------------------------------------------- <i class=i> <a href="http://xiii.us/ms/center-friends-and-comments"</a>scroll center friends and comments</a></i> </td></tr></table> </td></tr></table> </td></tr></table> <div class="myDClassFC"> <table><tr><td> <table class="off"><tr><td> <table><tr><td> <style> .i {display:none;} div.myDClassFC {height:400px; overflow:scroll; overflow-x:hidden} </style> <i class="i">!-END Block to put Friends and Comments in a Scroll Box-! </i> ----------------------------------------------------------------------------------------------------- Well I appreciate everyones thought. First off, hello, this is my first post. Here is the code im using, which works great until i minimize the page. Seems like the shoutbox doesnt minimize with the rest of the page and it actually stays at position,I know i know thats why its called absolute. But how can i get my html code boxes to minimize and configure properly with the rest of the page? Thx for any help Code: <!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe title="devilleather" src="http://www5.shoutmix.com/?devilleather" width="960" height="400" style="position:absolute; top:285px; left:350px"> frameborder="0" scrolling="auto"> <a href="http://www5.shoutmix.com/?devilleather">View shoutbox</a> </iframe> <!-- End ShoutMix --> Hi guys, I'm a newb here, and I'm trying to create a table with a fixed position like this one http://www.adachiu.me/ I have made one, but if I resize the window it will move into the table and look all wrong. This website that I have provided does not do that; it will go up and down with the page when you scroll, and if you resize than it will not move into the table. Does anybody know how to fix this? Thanks Sean could someone please help me out! I just need this flash code <embed allowScriptAccess="never" src="http://www.amarasoftware.com/slideshow.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="200"> </embed> to have an absoulte postion on it... thank you. I would greatlly appreciate your help |