logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-29-2018, 09:39 AM   #1
BullDog
 
Join Date: Nov 2011
Location: Alameda, CA
Posts: 162
Default back to dreamweaver with problems

Just started a quick site for a friend. barely into it and ran into problems in dreamweaver. I added a css style clear (downloaded code block, not mine) which fixed the display issue but not I see it does not display correctly in chrome. missing bg color and image, but fine in FF and safari as far as I can tell.

CSS
Code:
@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end css reset */

html, body {
        background-color: #000000;
        background-image: url("../graphics/bg.jpg");
        background-position: top center;
        background-repeat: no-repeat;
        height: 100%;
        }

.header {
        display: block;
        margin: auto;
        width: 1000px;
        }

.container {
        display: block;
        margin: auto;
        position: top;
        width: 1000px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        border-left: 3px solid darkred;
        border-right: 3px solid darkred;
        border-bottom: 3px solid darkred;
        border-radius: 0px 0px 25px 25px;
        }

.footer {
        display: inline-block;
        margin: 15px auto 20px;
        width: 100%;
        text-align: center;
        color: #616161;
        }
HTML
Code:
<!doctype html>
<html>
    
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/main.css" />
<title>Bloodlines - The Crew 2</title>
</head>
    
<body>
    
    <div class="container">
    
    <div class="header"><img src="graphics/header.png"></div>      
    
    </div> <!-- close container -->    
    
    <div class="footer"> &copy; 2018 - All Rights Reserved</div>  
        
</body>
</html>
test location
flat4design.com/bloodlines
BullDog is offline   Reply With Quote
Old 11-30-2018, 06:47 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,208
Default

hi , looks the same for me in all browsers. try refresh your cache in crome
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-30-2018, 01:34 PM   #3
BullDog
 
Join Date: Nov 2011
Location: Alameda, CA
Posts: 162
Default

Thanx... was a glitch in Chrome. had to uninstall and start fresh. was driving me nuts. problems already after 15 minutes of code?
BullDog is offline   Reply With Quote
Old 12-01-2018, 10:32 PM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,208
Default

thats wierd. still glad its sorted
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:25 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com