Ask a Question related to Macromedia Dynamic HTML, Design and Development.
-
xxwithhisstripesxx #1
CSS Layout Problem
Heya,
So I am working on this site: [url]http://www.hookmedia.biz/cabinet_source/v4/[/url]
and if you scroll down, in Safari and Mozilla, don't know about IE, it shoves a
bunch of the site below the two side panels. But I need it to display all of
that in between and can't seem to figure out why. Any ideas? Thanks
Spence
xxwithhisstripesxx Guest
-
Help!...Layout Problem
Hi everyone, Can anyone help me? I am working within Dreamweaver MX. I am creating a html page which I have added a layer into. I have... -
Problem with Layout Table
It seems that my regular tables are staying stationary. However, My layout Table will not, it moves all over the place. Is there a property where... -
Layout Coding problem
I'm trying to code a layout using tables.I don'y really understand it at all.WHenever I put a table on the area that i want to spread when more is... -
HELP WITH LAYOUT TABLE PROBLEM!!!
This is probably a really sime problem, but when i put 2 layout tables (on above the other) on two different frames (one above the other) the same... -
Weird OSX layout problem
* Danny Dawson <danny_dawson@asl.org>: Yo Danny, Dude, I almost skipped over this message, but I gotta know. Try and explain whats going on... -
xxwithhisstripesxx #2 Re: CSS Layout Problem
Thanks. That wasn't exactly the problem, but it lead me to figure out what the
problem was. While I can't exactly say what it was because I'm not sure, :p, I
thought putting my before and after code here would be helpful to anyone who is
having the same problem. So here ya go everyone:
BEFORE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Version 4</title>
<style type="text/css">
<!--
.style1 {font-size: 16px}
-->
</style>
</head>
<style>
body {
background-color:#333;
margin:0px;
padding:0px;
color:#EEE;
}
#header {
float:left;
height:100px;
width:500px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
margin-left: 601px;
}
#far_left {
background-color:#999;
width:10%;
height:770px;
border-right:1px solid #fff;
float:left;
}
#far_right {
background-color:#999;
width:10%;
height:770px;
border-left:1px solid #fff;
float:right;
}
#wrapper {
width:650px;
float: left;
height: 450px;
}
#left_column {
width:500px;
height:450px;
float: left;
}
.top_left {
background-color:#006699;
height:225px;
width:250px;
float:left;
}
.top_right {
background-color:#666;
height:225px;
width:250px;
float:left;
}
.bottom_left {
background-color:#666;
height:225px;
width:250px;
float:left;
}
.bottom_right {
background-color:#996633;
height:225px;
width:250px;
float:left;
}
#right_column {
background-color:#666633;
height:450px;
width:250px;
float:left;
}
#footer {
clear:both;
}
</style>
<body>
<!--FAR LEFT ID-->
<div id="far_left"></div>
<!--FAR RIGHT ID-->
<div id="far_right"></div>
<div id="header">
<p>CABINET SOURCE</p>
<p class="style1">home | gallery | about | testimonials | contact | login</p>
</div>
<!--WRAPPER ID-->
<div id="wrapper">
<!--LEFT COLUMN ID-->
<div id="left_column">
<div class="top_left">top left</div>
<div class="top_right">top right</div>
<div class="bottom_left">bottom left</div>
<div class="bottom_right">bottom right</div>
</div>
<!--RIGHT COLUMN ID-->
<div id="right_column">right column</div>
</div><!--END OF WRAPPER ID-->
<div id="footer">footer</div>
</body>
</html>
AFTER
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Version 4</title>
<style type="text/css">
<!--
.style1 {font-size: 16px}
-->
</style>
</head>
<style>
body {
background-color:#333;
margin:0px;
padding:0px;
color:#eee;
}
#wrapper {
width:775px;
margin:0 10% 0 10%;
}
#header {
height:100px;
width:500px;
font-family:Georgia;
font-size:24px;
float:left;
}
#far_left {
background-color:#999;
width:10%;
height:770px;
border-right:1px solid #fff;
float:left;
}
#far_right {
background-color:#999;
width:10%;
height:770px;
border-left:1px solid #fff;
float:right;
}
#left_column {
width:500px;
height:450px;
float:left;
}
.top_left {
background-color:#006699;
height:225px;
width:250px;
float:left;
}
.top_right {
background-color:#666;
height:225px;
width:250px;
float:left;
}
.bottom_left {
background-color:#666;
height:225px;
width:250px;
float:left;
}
.bottom_right {
background-color:#996633;
height:225px;
width:250px;
float:left;
}
#right_column {
background-color:#666633;
height:450px;
width:250px;
float:left;
}
#footer {
float:left;
}
</style>
<body>
<!--FAR LEFT ID-->
<div id="far_left"></div>
<!--FAR RIGHT ID-->
<div id="far_right"></div>
<!--WRAPPER ID-->
<div id="wrapper"></div>
<div id="header">
<p>CABINET SOURCE</p>
<p class="style1">home | gallery | about | testimonials | contact | login</p>
</div>
<!--WRAPPER ID-->
<div id="wrapper">
<!--LEFT COLUMN ID-->
<div id="left_column">
<div class="top_left">top left</div>
<div class="top_right">top right</div>
<div class="bottom_left">bottom left</div>
<div class="bottom_right">bottom right</div>
</div><!--END OF LEFT COLUMN ID-->
<!--RIGHT COLUMN ID-->
<div id="right_column">right column</div>
<div id="footer">footer</div>
</body>
</html>
xxwithhisstripesxx Guest
Reply With QuoteSimilar Questions and Discussions
Posting Permissions
- You may not post new threads
- You may post replies
- You may not post attachments
- You may not edit your posts
