homepage Welcome to WebmasterWorld Guest from 54.242.200.172
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Accredited PayPal World Seller

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
CSS layout
jeusdi




msg:3421532
 8:37 am on Aug 14, 2007 (gmt 0)

I'm developing a new web using CSS templates. My problem appears when I open web with IE and with Firefox.

What's happening to these?
Thanks for all:

Basically, I have 3 files:

index.htm:
<html>
<head>
<link href="gmsoft.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class=web>
<div class="page_header">
</div>
<!-- <div class="page_body"> -->
<div class="left_menu">
hola
</div>
<div class="page_content">
<div class="post">
<div class="post_header">
Títol del post.
<!-- <hr align="left" width=80% border=dashed> -->
</div>
<div class="post_body">
This example demonstrates a shorthand property for setting all of the padding properties in one declaration, can have from one to four values.
</div>
</div>
</div>
<!-- </div> -->
<div class="page_footer">
</div>
</div>
</body>
</html>

gmsoft.css:

.web {
width: 90%;
border: 1px dashed #000000;
text-align: center;
}

.page_header {
height: 85px;
background-image:url("./pageheader_background.png");
background-repeat:repeat-x;
border: 1px dashed #000000;
}

.page_body {
width: 90%;
border: 1px dashed #000000;
background-color: #D4F7D7;
}

.left_menu {
/*position: relative;
top: 85px;
left: 0px; */
float: left;
height: auto;
width: 25%;
background-color: #600636;
}

.page_content {
position: relative;
height: auto;
margin: 0px 0px 0px 25%;
width: 75%;
}

.page_footer {
height: 85px;
background-image:url("./pageheader_background.png");
background-repeat:repeat-x;
border: 1px dashed #000000;
}

.post {
width: 100%;
background: #FFFF99;
/*-moz-border-radius: 20px;
border: 0px #660800;*/
}

.post_header {
font-weight: bold;
font-size: 20px;
color: #110066;
/*padding: 0.2% 1%;*/
border-bottom: 1px dashed #110066;
margin-left: 0.2cm;
}

.post_body {
/*padding: 0.2% 1%;*/
color: #000000
}

[edited by: SuzyUK at 9:25 am (utc) on Aug. 14, 2007]
[edit reason] No images/sample links per posting guidelines, thanks [/edit]

 

Tidal2




msg:3422220
 9:30 pm on Aug 14, 2007 (gmt 0)

Welcome to webmasterworld jeusdi

I am sorry though as you have posted a ccs file and htm file and told me there is a problem with it!?

I don't wish to load your html/css and guess at your problems if you give more information you may get more help from other visitors here with far greater knowledge than mine.

Consider too, creating a new post by all means and add the css/html but be specific about the problem in the title too and that will help.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved