|
CSS - Css Site Check - Mac Especially Http://www.ricochetnetwork.com/indextest.htm
I've tested my CSS-based site on Windows IE and Firefox - so I am pretty sure it looks good in all windows based browsers. I'd be anxious to get feedback on Mac IE users (cringe) - I'm hoping the code holds up but it may not.
A few points - the HTML is valid except for the flash on the home page (which the validator does not like). The CSS is valid with 2 exceptions of (!important) which the CSS validator does not like. Not sure of a way around either of those validator issues... Similar Tutorialshttp://www.mattcampy.com/therealsamsclub Everything looks cool till the bottom of the browser, the page background just stops randomly. Can anyone point me in the right direction? CSS file: http://www.mattcampy.com/therealsamsclub/s/styles.css Sometimes I forget ";" or make some syntax mistake in css file. How to check if everything is ok with CSS file. Now, I just look on the html code and look for the changes. But is there a way to check for syntax errors in CSS file? Thanks hi, i'm a CSS newbie still sorting out all of the browser issues, hacks, box problems and general confusion (hmmm, and you wonder why i've waited so long to learn CSS?). I don't have IE 5.x to check my first effort with & was hoping someone on this forum could take a quick look & see if it matches the screen shot i've linked to below. btw - does anyone here know if it's possible to have two versions of IE installed on the sample PC? I currently have IE6 installed & couldn't find any useful info on Microsoft's web site (i apologize for the ? but i'm a mac user and delving into windows makes me, well, shudder a bit). Test Page Screen Shot of Correctly Displayed Page my brain on CSS is there a way to check if a page-break is going to happen? ex: if i print a long document that takes up 2 pages... i want to knwo where a page break will occur... Hi, I am mainly concerned if this page's button navigation looks okay in Internet Explorer. It looks okay in Firefox, but when I view it in IE the blue background keeps popping through. I have been told that it looks fine in IE, but it does not in MY version of it. So would you please use Internet Explorer to look at.... http://thetransactiongroup.net/advisor/NEW/thursday5.asp Again, it's the left navigation buttons I am only concerned about. If it looks okay to one or two of you then maybe it's some bug in my own copy of IE. If you see the button problem in IE then I will then ask for help to fix it. THANKS Rowby I have the following site: www.artsenvacature.nl I've heard the site doesn't look nice on MAC OS (I've got a PC) and some tiny details fail on FireFox. It only looks perfect in IE 6.0. Is anybody interested in making the CSS compatible? I'm very well willing to pay for it. Please look at this site - www.tmhdesign2.com in Mac IE. I have someone telling me the site is waaaaay out of whack though it is completely w3 strict compliant. The links on the splash page are up on the top thought they are not apparent. Thanks. TOm I've uploaded a test page re how do I get a content div to scroll under [apologies for new thread]. It renders fine in Camino-Shiira, Safari, iCab, Firefox, IE Mac 5.2x, but not too good on Opera 8.52 Mac [fuhgeddabout Netscape 4x]. 1) Can someone provide some feedback on how it renders in Windows IE/FF? 2) Is the CSS a reasonable structure to convert the other pages of my site to? The template would be a fixed sidebar, fixed clock header (different-pages different-heights) and relatively positioned content. Two of the javascript clocks and the table are running ahead of time in debug mode. The test page is [obsolete link deleted]; clicking w3c css validator at bottom shows .css file. Issues in Opera-Mac indicate all is not well: a) table is one to two pixels wider (cut-off by overflow: hidden) b) scrolling table div eventually "catches" and drags fixed header when it scrolls. c) anchor "top" doesn't work from the bottom link. Hi, This is my first CSS layout. I would like to know if there is a better way to code this or what improvements or changes should be done. Thank you, Lutek <html> <head> <title>Title</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css" media="screen"> body { margin-top: 0; text-align: center; background-color: #d30000; } #container{ margin: 0 auto; width: 650px; height: 800px; text-align: left; background-color: #FFFFFF; } #header { float: left; width: 100%; background: #FF9900; } #box-left { float: left; width: 33.3%; background: #FF0000; } #box-center { float: right; width: 33.3%; background: #ffff93; } #box-right { float: right; width: 33.3%; background: #ffff93; } #footer { float: left; width: 100%; background: #FF2200; } </style> </head> <body> <div id="container"> container <div id="header">header</div> <br> <div id="box-left"> box-left</div> <div id="box-center">box-middle</div> <div id="box-middle">box-right</div> <div id="footer">footer</div> </div> </body> </html> Hey all. I have not done a great deal of web development, and whatever I have done has been with tables. I have seen a great many debates on the whole table vs div topic, and so this time thought I'd put together a site with divs + css rather than tables + css. so I have a few questions. here is the very simple code I've got so far. Code:
<?php include("header.php"); ?>
<div id='container'>
<div id='header'>
Header
</div>
<div id='rootmenu'>
menu
</div>
<div id='docbody'>
<div id='content'>
content
</div>
<div id='sidemenu'>
side
</div>
</div>
</div>
<div id='footer'>
Footer
</div>
<?php include("footer.php"); ?>
and the css file: Code:
html, body
{
height:100%;
}
#container
{
width: 100%;
height: 100%;
margin: 0 auto 0 auto;
margin: 0px auto 0px auto;
}
#header
{
height: 10%;
width: 70%;
background: #000;
margin: 0px auto 0px auto;
}
#rootmenu
{
width: 70%;
background: #fff;
margin-bottom: 5px;
margin: 0px auto 0px auto;
}
#docbody
{
width: 70%;
height: 85%;
padding: 0px;
margin: 0px auto 0px auto;
}
#content
{
height: 100%;
width: 80%;
background: #45f;
float: left;
}
#sidemenu
{
height: 100%;
width: 15%;
background: #56f;
float: right;
}
#footer
{
width: 70%;
background: #333;
margin: 0 auto 0 auto;
}
most of this is based on code I've been looking at on sites like oswd.org. I would just like to know that I'm on the right track with my divs and css before putting too much work into the site. it always sucks to realise a serious design flaw at a later time. so please, could I get some suggestions on what I need to change and any important things I should know? cheers. Hey guys. I've been looking for this site that I should have bookmarked when I found but have lost. I can TRY and describe it as best I can. The main background color was white with, depending on the style you've set, a glass of wine or mug of beer fairly large in size and with a low opacity. The styles were simple. Purple or yellow. Wine or beer. Mostly black text. I forget how it was you were able to change them, but he used it in some examples. The menu had list items similar to the naving convention: liquid 2 column nf fixed 3 column nfnh liquid/fixed 3 column etc. The header was the whole wording of whatever the menu items were. Each page he showed examples using css, xhtml and sometimes javascript with the code on the page. At the bottom of each example it had a group for user comments. Some were empty. I don't remember any logos at all on the site other than the wine and beer. I think the url was something like: www.site.com/nameNO~/ I found it the same day I found the "seabold why tables are stupid" site. I remember reading a solution to a problem that I've encountered but I don't remember the code, I was just skimming the site. I tried finding other solutions, or the same solution somewhere else with no luck. Thanks Hi, I am working on moving my tables based site to a tableless css layout. I just wondered if anyone out there could please help, by viewing my site with a Mac, to see if the header image appears. The URL is: http://www.jimpix.co.uk/ecards2/default.asp Another site I made for someone has a header image, defined via the 'background' css property for one of the DIVs, and I have been told it doesn't appear on a Mac. That site is: http://www.somewhereinbetween.biz/ I am concerned my site will suffer from the same problem with a Mac. It looks okay in IE and Firefox. Thanks Jim Upon initial load, you see a red block over the images. Why does it do that and how can I fix it? http://www.kubicle.com/beta/ Hi Any comments, especially CSS wise would be muchly appreciated... URL One thing I did notice was that when you click on a link to go to a page with more content that the one you were on before, that the entire layout shifts...any ideas anyone? thanks! Modo OK, I have tested all browsers both Mac and PC, and the only issue I have is with the AOL browser. You can see the site here Can anyone tell me how to trouble shoot CSS for the AOL browser? thanks - Hey here's the address to my first site using Css layouts. http://funnyguys99.tripod.com/index.htm Please help me fix the logo so it adapts to different resolutions, and I can't figure out how to get that blue bar to the very bottom?!! Please help I'm a big newbie hello, ive made a site for a client but for some reason when they first see it it moves up and then after they go back its fine. they use an old IE so i cant see why it does on my computer and its fine on mozzilla to. www.designerbagsboutique.co.uk is the website, can anyone help? So I am just getting into designing with CSS, and really enjoying it. I put up this site for a friend, its my first coded by hand. I did it all with BBedit on a mac, and it looks fine on Safari and Firefox. However, as you can see, it looks terrible on IE, totally unusable, and I would accept any advice on how to fix it. The menu came from seco consultants and uses whatever:hover to work in IE, though in this case it dont work. The layout is all screwed up too. Anyone want to offer some advice? Here's the site: dobsonfarm.com/connaught Thanks very much, Robin Turner Hi I need css help to make it a 3 column and add google adsense to my site its a music portal my18friends.com |
|||||||