Not sure if I did what you asked.
The following is from my CSS files.
div {
border-style: none;
border-width: 0;
outline-style: none;
outline-width: 0;
}
.gwt-Frame {
margin: 0px 0px 0px 0px;
border: 0px none;
}
NOTE: I changed all my .xxx panel CSS to match .gwt-Frame above. I
also added the dev entry.
What I see is a white frame around the page I bring into the Frame.
This makes the page to large for the frame and thus creates scroll
bars.
Below is the complete code from the application.
package com.cindiescreations.CindiesCreations.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.AbsolutePanel;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.Frame;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.VerticalPanel;
public class CindiesCreations implements EntryPoint {
AbsolutePanel MasterPanel = new AbsolutePanel();
private final int MasterPanelWidth = 900;
private final int MasterPanelHight = 600;
private final int PanelSpacing = 5;
Frame HeaderPanel = new Frame();
private final int HeaderPanelWidth = MasterPanelWidth;
private final int HeaderPanelHight = 91;
private final int HeaderPanelHightR = HeaderPanelHight +
PanelSpacing;
private final int HeaderPanelTop = 0;
private final int HeaderPanelLeft = 0;
VerticalPanel MenuPanel = new VerticalPanel();
private final int MenuPanelWidth = 140;
private final int MenuPanelWidthR = MenuPanelWidth + PanelSpacing;
private final int MenuPanelHight = MasterPanelHight -
HeaderPanelHightR;
private final int MenuPanelLeft = 0;
private final int MenuPanelTop = HeaderPanelHightR;
HorizontalPanel QuickMenuPanel = new HorizontalPanel();
private final int QuickMenuAboutWidth = 40;
private final int QuickMenuContactWidth = 45;
private final int QuickMenuEmailCindyWidth = 120;
private final int QuickMenuEmailWebMasterWidth = 120;
private final int QuickMenuSiteMapWidth = 50;
private final int QuickMenuPanelWidth = ((MasterPanelWidth -
MenuPanelWidthR) -
(QuickMenuAboutWidth
+QuickMenuContactWidth +
QuickMenuEmailCindyWidth +
QuickMenuEmailWebMasterWidth +
QuickMenuSiteMapWidth)) +
1;
private final int QuickMenuPanelHight = 20;
private final int QuickMenuPanelHigthR = QuickMenuPanelHight + 5;
private final int QuickMenuPanelTop = MasterPanelHight -
QuickMenuPanelHight;
private final int QuickMenuButtonHight = QuickMenuPanelHight-2;
Frame PagePanel = new Frame();
private final int PagePanelWidth = MasterPanelWidth -
MenuPanelWidthR;
private final int PagePanelHight = MenuPanelHight -
QuickMenuPanelHigthR;
private final int PagePanelLeft = MenuPanelWidthR;
private final int PagePanelTop = MenuPanelTop;
private final int QuickMenuPanelLeft = (MenuPanelWidthR +
(Math.abs((PagePanelWidth -
QuickMenuPanelWidth))/2));
@Override
public void onModuleLoad() {
// Setup the header
HeaderPanel.setUrl("/Pages/Header.html");
HeaderPanel.setStyleName("HeaderPanel");
HeaderPanel.setStyleName("gwt-Frame");
HeaderPanel.setSize(HeaderPanelWidth + "px", HeaderPanelHight +
"px");
// Setup the menu
MenuPanel.setStyleName("MenuPanel");
MenuPanel.setSize(MenuPanelWidth + "px", MenuPanelHight + "px");
Button mybuttonMENU = new Button("MENU");
MenuPanel.add(mybuttonMENU);
// Setup the page
PagePanel.setSize(PagePanelWidth + "px", PagePanelHight + "px");
PagePanel.setStyleName("PagePanel");
PagePanel.setUrl("/Pages/TemplatePage.html");
// Setup the quick menu
QuickMenuPanel.setStyleName("QuickMenuPanel");
QuickMenuPanel.setSize(QuickMenuPanelWidth + "px",
QuickMenuPanelHight + "px");
Button QUICKMENU_About = new Button("About");
QUICKMENU_About.setStyleName("QuickMenuButtons");
QUICKMENU_About.setSize(QuickMenuAboutWidth + "px",
QuickMenuButtonHight + "px");
QuickMenuPanel.add(QUICKMENU_About);
Button QUICKMENU_Contact = new Button("Contact");
QUICKMENU_Contact.setStyleName("QuickMenuButtons");
QUICKMENU_Contact.setSize(QuickMenuContactWidth + "px",
QuickMenuButtonHight + "px");
QuickMenuPanel.add(QUICKMENU_Contact);
Button QUICKMENU_EmailCindy = new Button("Eamil Cindies
Creations");
QUICKMENU_EmailCindy.setStyleName("QuickMenuButtons");
QUICKMENU_EmailCindy.setSize(QuickMenuEmailCindyWidth + "px",
QuickMenuButtonHight + "px");
QuickMenuPanel.add(QUICKMENU_EmailCindy);
Button QUICKMENU_EmailWebMaster = new Button("Email Web Mater");
QUICKMENU_EmailWebMaster.setStyleName("QuickMenuButtons");
QUICKMENU_EmailWebMaster.setSize(QuickMenuEmailWebMasterWidth +
"px", QuickMenuButtonHight + "px");
QuickMenuPanel.add(QUICKMENU_EmailWebMaster);
Button QUICKMENU_SiteMap = new Button("Site Map");
QUICKMENU_SiteMap.setStyleName("QuickMenuButtons");
QUICKMENU_SiteMap.setSize(QuickMenuSiteMapWidth + "px",
QuickMenuButtonHight + "px");
QuickMenuPanel.add(QUICKMENU_SiteMap);
// Setup the master panel
MasterPanel.setSize(MasterPanelWidth + "px", MasterPanelHight +
"px");
MasterPanel.setStyleName("MasterPanel");
MasterPanel.add(HeaderPanel, HeaderPanelLeft, HeaderPanelTop);
MasterPanel.add(MenuPanel, MenuPanelLeft, MenuPanelTop);
MasterPanel.add(PagePanel, PagePanelLeft, PagePanelTop);
MasterPanel.add(QuickMenuPanel, QuickMenuPanelLeft,
QuickMenuPanelTop);
RootPanel.get("maindisplay").add(MasterPanel);
}
}
Below is my CSS file:
/** Add css rules here for your application. */
div {
border-style: none;
border-width: 0;
outline-style: none;
outline-width: 0;
}
.gwt-Frame {
margin: 0px 0px 0px 0px;
border: 0px none;
}
.MasterPanel {
margin: 0px 0px 0px 0px;
border: 0px none;
}
.HeaderPanel {
margin: 0px 0px 0px 0px;
border: 0px none;
}
.MenuPanel {
margin: 0px 0px 0px 0px;
border: 0px none;
}
.PagePanel {
margin: 0px 0px 0px 0px;
border: 0px none;
}
.QuickMenuPanel {
margin: 0px 0px 0px 0px;
border: 0px none;
}
.QuickMenuButtons {
border: 0;
font-size: 10;
font-weight: normal;
font-style: normal;
margin: 0;
background-color: #2062b8;
}
Below is a simple page I am using for testing.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=UTF-8">
<title>TemplatePage</title>
<link type="text/css" rel="stylesheet" href="../
CindiesCreations.css">
<script type="text/javascript" language="javascript" src="../
frameplay/frameplay.nocache.js"></script>
</head>
<body>
<div
style="position:relative;width:755px;height:479px;background-
color:#f00;-adbe-g:p;"></div>
</body>
</html>
As you can see its just a div with a style for size with color added
to it. I must admit I am not an expert on HTML and CSS. Any help
would be nice. Its just a bit strange to me given this page will
display ok in an HTML page that has normal HTML frames.
Thanks
Donald W. Long ([email protected])
On May 14, 8:18 pm, Alyxandor <[email protected]>
wrote:
> If it an iframe-border {like, a border attribute}, or is it white
> padding inside the page you're loading?
>
> Your css border has to be "0px none". The none is most important, and
> the px is used to prevent browser incompatibilities... Try to always
> include units...
>
> If you can't figure out style problems, don't bother trying to fix it
> in your source, cos you'll have to recompile every time you want to
> change something {unless you're using to Eclipse plugin that hotswaps
> code}...
>
> Just use Firefox + Firebug, and you can live-edit your css to get
> exactly what you need, fix your code, compile, test Internet Explorer,
> frown... Fix IE6, test IE7.... Frown a little more, fix again, test
> IE8-as-IE7, smile, test IE8-as-IE8, swear, drink more coffee, fix IE8,
> laugh...
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---
