broknmindz

yea I'm using the new version. very frustrating as firefox, opera and safari are perfect but IE doesnt want to comply. this is I'm viewing this with IE7.

yea the php script was to try and have the header change every time the page was visited or refreshed but it didn't work out so well. guess i forgot to take it out. the gallery in IE is still having problems. too many boxes still on the top row and the previews end up clipping the boxes when hovering. other than that the firefox issue was resolved.

HOME RESUME CONTACT Graphic Design Gallery Digital Art Gallery &copy Zepheras.com 2009

yea it fixed the problem. I wasn't sure what was causing it and I should have thought of the body not having margin and width since its the background. Doh! Thanks! I'm still new at this and still trying to keep track of doing things. I appreciate the help

Home Graphic Design Digital Art Resume Contact digital art gallery graphic design gallery &copy Zepheras.com 2009

Hi I'm having an issue with making my website flush to the top of the browser. I have left and right margins for the container the way i want it, which is center of the page but the site floats in the center and I would like to make it flush to the top of the browser. Here is the css code I have so far. I can't seem to locate what would be causing it not to move at all. a { text-decoration: none; } body { background: #0d383f; color: #ffffff; padding: 50px; width: auto; text-align: center; } h1 { background: inherit; border-bottom: 1px dashed #ccc; color: #933; font: 17px Georgia, serif; margin: 0 0 10px; padding: 0 0 5px; text-align: center; } p { clear: both; font: 14px Verdana, sans-serif; padding: 10px 0; text-align: center; } p a { background: inherit; color: #777; } p a:hover { background: inherit; color: #000; } /* =Hoverbox Code picture gallery ----------------------------------------------------------------------*/ .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 100px; height: 75px; } .hoverbox li { background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px; color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative; } .hoverbox .preview { border-color: #000; width: 200px; height: 150px; } #container { position: relative; top: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; width:900px; background: #0b4f66; font-size:1.20em; text-align:left; } #header { height: 400px; width:900px; background:url(images/layout/header.jpg) no-repeat; } #gallery1 { margin-left: 100px; margin-right:100px; } #menu { float:left; width:100%; background:#0b4f66; border-bottom:4px solid #0d383f; overflow:hidden; position:relative; } #menu ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; } #menu ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; } #menu ul li a { display:block; margin:0 0 0 1px; padding:3px 10px; background:#0b4f66; color: #ffffff; text-decoration:none; line-height:1.3em; } #menu ul li a:hover { background:#369; color:#fff; } #menu ul li a.active, #menu ul li a.active:hover { color:#fff; background:#000; font-weight:bold; } #footer { font-size: 14px; text-align: center; }